[영상]

무대위의 레드벨벳 조이.avi

레드메어 2019-04-26 (금) 21:49 조회 : 1240 추천 : 4

</iframe&gt</p> <p> <br> </p> <p> <br> </p> <p> <iframe width="620" height="600" src="https://gfycat.com/ifr/IlliterateHotDamselfly" frameborder="0" scrolling="no" allowfullscreen="" style="max-width: 100%;"> </iframe&gt</p> <p> </p> <p> <br> </p> <p> <br> </p> </div> </xml></xmp><a href=""></a><a href=''></a> <div id="mw_good"></div> <script type="text/javascript"> function mw_good_load() { $.get("../plugin/good_module/mw.good.php?bo_table=star&wr_id=1632087", function (data) { $("#mw_good").html(data); var good_count = $("#mw_good").find('.good').html(); $('.mw_basic_view_good').html(good_count); }); } function mw_good_act(good) { $.get("../plugin/good_module/mw.good.act.php?bo_table=star&wr_id=1632087&good="+good, function (data) { /* 220614 황정민 수정 - 정상적으로 추천 / 반대 되었으면 alert 안 뜨게 */ if(data){ alert(data); } mw_good_load(); }); } mw_good_load(); </script> </div> <center> <div class="new_gb_board_area2"> <script type="text/javascript" src="//send.mci1.co.kr/delivery/js/31640905/23012420342" async></script> <ins class="adsbyaiinad" data-aiinad-inv="23013089067"></ins> </div> </center> </td> </tr> </table> <style type="text/css"> #mw_basic .view_introduce_wrap{ margin: 5px 0; height: 116px; padding: 3px; background-color: rgb(235 235 235) } #mw_basic .view_introduce_wrap .view_introduce_subwrap{ background-color: #fafafa; width: 100%; height: 110px; padding: 5px 7px; align-items: center; position: relative; overflow: hidden; } #mw_basic .view_introduce_wrap .view_introduce_left{ width: calc(100% - 80px); padding: 5px; padding-left: 7px; padding-right: 30px; } #mw_basic .view_introduce_wrap .view_introduce_left .view_introduce_left_id{ display: flex; gap: 10px; align-items: center; margin-bottom: 7px; color: rgb(80, 80, 80); } #mw_basic .view_introduce_wrap .view_introduce_left .view_introduce_left_id img{ margin-right: 1px; } #mw_basic .view_introduce_wrap .view_introduce_left .view_introduce_left_id a{ text-decoration: none; line-height: normal; } #mw_basic .view_introduce_wrap .view_introduce_left .view_introduce_left_id .member{ font-size: 12px; font-weight:400; } #mw_basic .view_introduce_wrap .view_introduce_left .view_introduce_left_introduce{ font-size: 12px; color: #777; line-height: 15px; white-space: pre-line; word-break: break-all; line-height: 1.4; font-weight: bold; } #mw_basic .view_introduce_wrap .view_introduce_left .view_introduce_left_introduce::-webkit-scrollbar{ display: none; } #mw_basic .view_introduce_wrap .view_introduce_left .view_introduce_left_introduce .view_introduce_write_button{ display: block; font-weight: bold; font-size: 13px; margin-top: 3px; text-decoration: underline; } #mw_basic .view_introduce_wrap .view_introduce_left .view_introduce_left_introduce *{ font-size: 12px; color: #777; } #mw_basic .view_introduce_wrap .view_introduce_right{ width: 100px; height: 100px; padding: 15px; position: absolute; right: 0; top: 5px; } #mw_basic .view_introduce_wrap .view_introduce_right img{ display: inline-block; width: 100%; height: 100%; border: 2px solid #eee; border-radius: 100%; image-rendering: -webkit-optimize-contrast; } #mw_basic .view_introduce_wrap .view_introduce_more_button_wrap{ position: absolute; bottom: 0; width: calc(100% - 14px); text-align: center; background-color: #fafafa; } #mw_basic .view_introduce_wrap .view_introduce_more_button_wrap .view_introduce_more_button{ text-decoration: none; color: #777; display: block; padding: 4px 0; font-family: "Roboto","Noto Sans KR",나눔고딕,"Nanum Gothic",Malgun Gothic,맑은고딕,굴림,돋움,Dotum,sans-serif; } #mw_basic .view_introduce_wrap .view_introduce_more_button_wrap .view_introduce_more_button i{ margin-left: 2px; font-size: 10px; } #mw_basic .view_introduce_wrap .view_introduce_more_button_wrap .view_introduce_more_button i.xi-caret-up{ position: relative; bottom: 1px; } #mw_basic .view_introduce_wrap .view_introduce_left_id .subscribe_button, #mw_basic .view_introduce_wrap .view_introduce_left_id .view_posts_button, .gift_egg_btn{ border: 1px solid #aaa; display: flex; justify-content: center; align-items: center; padding: 4px 4px 3px; color: #777; cursor: pointer; } #mw_basic .view_introduce_wrap .view_introduce_left_id .subscribe_button.on{ background:#999; color:#fff; } .view_introduce_wrap .view_introduce_left_id .subscribe_button i{ font-weight: bold; margin-right: 2px; position: relative; bottom: 1px; } #mw_basic #gift_egg_btn{ border: 1px solid #aaa; display: flex; justify-content: center; align-items: center; padding: 4px 4px 3px; color: #777; margin-left: 10px; cursor: pointer; line-height: normal; } .darkTheme #mw_basic .gift_egg_btn{ color: #aaa; } </style> <div class='view_introduce_wrap'> <div class='view_introduce_subwrap'> <div class='view_introduce_left'> <div class='view_introduce_left_id'> <a href='./mypage.php?mb_str=CLAiSa4eRYICZk58vLbg'><span class='member'>DARQ</span></a> <a href="./mypage.php?mb_str=CLAiSa4eRYICZk58vLbg" class="view_posts_button">게시물보기</a> <a href="javascript:;" class='subscribe_button ' data-count=0> <i class='xi-plus'></i> 구독 </a> </div> <div class='view_introduce_left_introduce'> 자기소개가 없습니다 </div> </div> <div class='view_introduce_right'> <img src='../data/mw.basic.comment.image/malacai' alt='image' loading="lazy"> </div> <div class='view_introduce_more_button_wrap dn'> <a href='javascript:;' class='view_introduce_more_button'> 자기소개 더보기<i class='xi-caret-down'></i> </a> </div> </div> </div> <script type="text/javascript"> function isHiddenActive(e){ return (e.offsetHeight > 60); } const introduce_text = document.getElementsByClassName('view_introduce_left_introduce')[0]; if(isHiddenActive(introduce_text)){ if(introduce_text.offsetHeight > 85) { $('#mw_basic .view_introduce_more_button_wrap').removeClass('dn'); } $('#mw_basic .view_introduce_wrap').css('height', '145'); $('#mw_basic .view_introduce_wrap .view_introduce_subwrap').css('height', '139'); $('#mw_basic .view_introduce_wrap .view_introduce_left').css('padding-top', '12'); }else{ $('#mw_basic .view_introduce_wrap .view_introduce_subwrap').css('display', 'flex'); } $('body').on('click', '.#mw_basic .view_introduce_more_button', function(){ if($(this).hasClass('close')){ // 이미 열린 경우 $(this).html("자기소개 더보기<i class='xi-caret-down'></i>"); $(this).removeClass('close'); $('#mw_basic .view_introduce_wrap').css('height', '145'); $('#mw_basic .view_introduce_wrap .view_introduce_subwrap').css('height', '139'); $('#mw_basic .view_introduce_wrap .view_introduce_left').css('padding-bottom', '5'); }else{ // 닫혀있는 경우 $(this).html("자기소개 가리기<i class='xi-caret-up'></i>"); $(this).removeClass('close').addClass('close'); $('#mw_basic .view_introduce_wrap').css('height', 'auto'); $('#mw_basic .view_introduce_wrap .view_introduce_subwrap').css('height', 'auto'); $('#mw_basic .view_introduce_wrap .view_introduce_left').css('padding-bottom', '20'); } }); $('body').on('click', '.view_introduce_left_id .subscribe_button', function(e){ var mb_id = ""; var sub_mb_id = "malacai"; const curTarget = e.currentTarget; let sub_count = +curTarget.dataset.count; $.ajax({ url: "../bbs/member_page_subscribe_ajax.php", type: "POST", data: { mb_id : mb_id, sub_mb_id : sub_mb_id, }, success: function(res){ if(res == '1'){ // 구독을 구독중으로 표시 바꾸기 sub_count++ var html = "<i class='xi-check'></i> 구독중"; if(sub_count >= 10){ html += ` ${sub_count}명`; } $('.view_introduce_left_id .subscribe_button').html(html); curTarget.dataset.count = sub_count; $('.view_introduce_left_id .subscribe_button').removeClass('on').addClass('on'); return; }else if(res == '2'){ // 구독중을 구독으로 표시 바꾸기 sub_count--; var html = "<i class='xi-plus'></i> 구독"; if(sub_count >= 10){ html += ` ${sub_count}명`; } $('.view_introduce_left_id .subscribe_button').html(html); curTarget.dataset.count = sub_count; $('.view_introduce_left_id .subscribe_button').removeClass('on'); return; }else{ alert(res); return; } }, error: function(err){ console.error(err); } }); }); </script> <script src="/module/egg/gift/script.js?1711006555" defer></script> <style type="text/css"> .reply_cancel_button{ margin-right: 10px; } .hljs-copy-wrapper .hljs-string > a { color: #98c379 !important; } .blocked_comment{ padding-top: 5px; color: grey; } #mw_basic .find_comment{ text-decoration: none; color: grey; } #mw_basic .find_comment:hover{ text-decoration: underline; color: #000; } #cocoment_main .comment_writer{ font-size: 11px; border: 2px solid #06f; border-radius: 10px; padding: 3px 5px; font-weight: bold; color: #06f; position: relative; bottom: 1px; margin-right: 4px !important; } .list_more_loading{ position: absolute; left : calc((100% - 40px)/ 2); top: -5px; } #mw_basic .mw_basic_comment_good img:nth-child(n + 11), #mw_basic .mw_basic_comment_nogood img:nth-child(n + 11){ margin-bottom: 2px !important; } #mw_basic .mw_basic_comment_good img, #mw_basic .mw_basic_comment_nogood img{ width:10px; height:10px; } /* 댓글 img */ #mw_basic .mw_basic_comment_content img { max-width:600px; height:auto; } #cocoment_main .member_memo_change_wrap{ position: relative; display: inline-flex; align-items: center; margin-right: 5px; } #cocoment_main .member_memo_change{ display: inline-block; position: relative; } #cocoment_main .member_memo_change img{ vertical-align: middle; } #cocoment_main .member_memo_change i{ font-weight: bold; color: #aaa; font-size: 12px; } #cocoment_main .member_memo_change:hover i{ color: #888; } #cocoment_main .member_memo_popup{ position: relative; display: flex; width: 165px; padding: 2px 5px; background-color: white; border: 1px solid #ccc; align-items: center; } #cocoment_main .member_memo_popup:after{ clear: both; display: block; content: ''; } #cocoment_main .member_memo_popup .member_memo_page_left{ float: left; width: 67%; } #cocoment_main .member_memo_popup .member_memo_page_left:after{ clear: both; display: block; content: ''; } #cocoment_main .member_memo_popup .member_memo_page_left input{ border: none; width: 100%; padding: 2px 0; } #cocoment_main .member_memo_popup .member_memo_page_left input:focus{ outline: none; } #cocoment_main .member_memo_popup .member_memo_page_right{ float: left; width: 33%; text-align: right; position: relative; top: 1px; } #cocoment_main .member_memo_text{ display: inline-block; color: #777; font-size: 12px; background-color: #eee; border: 1px solid #ccc; padding: 1px 3px; position: relative; max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; margin-right: 5px; font-weight: bold; } #cocoment_main .member_memo_wrap{ display: inline-flex; } #mw_basic .mw_basic_comment_name{ margin-right:0 !important; } #cocoment_main .member{ margin-right:4px; } #cocoment_main .good_box_wrap div img:nth-child(n + 58){ margin-top:3px !important; } #mw_basic #cocoment_main .mw_basic_comment_ip{ margin-right: 3px; } #mw_basic #cocoment_main .mw_basic_comment_datetime{ margin:0 5px; } </style> <style type="text/css"> #mw_basic #cocoment_main .comment_list_title{ height: 39px; display: flex; align-items: center; padding-left: 10px; margin-top: 15px; } #mw_basic #cocoment_main .comment_list_title .comment_list_title_text{ font-size: 13px; font-family: -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",arial,Dotum,돋움,sans-serif; display: flex; align-items: baseline; width: 100%; text-decoration: none; font-weight: bold; color: #555; } #mw_basic #cocoment_main .comment_list_title .comment_list_title_text a{ margin-left: auto; margin-right: 10px; color: #555; text-decoration: none; } #mw_basic #cocoment_main .comment_list_title .comment_list_title_count{ color: #ff4800; font-weight: bold; /* font-family: 'tahoma', 'sans-serif'; */ font-size: 14px; margin-left: 5px; } #mw_basic .mw_basic_comment_secret{ color: #ff6600; } </style>  <style type="text/css"> @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype'); } .tx_emoticon2_list{ position: relative; } .tx-list .tx-emoticon2 a{ height: 25px; width: 60px; display: block; float: left; font-size: 12px; line-height: 27px; text-indent: 0; text-decoration: none !important; background-position: -495px -83px; } .tx-list .tx-emoticon2 a:hover{ background-position: -495px -105px; } .tx-list .tx-emoticon2.active a{ background-position: -495px -105px; } .tx-list .emoticon_new{ margin-left: 0; position: relative; bottom: 3px; } .emoticon_new{ background-color: rgba(255, 255, 255, 0); border:0; display: inline-block; cursor: pointer; padding: 0; margin-left: 10px; } .emoticon_new:hover i{ color: orange; } .emoticon_new i{ font-size: 27px; color: grey; } .emoticon_new.active i{ color: orange; } .emoticon_new_wrap{ display: flex; align-items: center; position: relative; width: 100px; float: left; height: 25px; margin-top: 3px; text-align: left; } .emoticon_new_layer{ position: absolute; width: 635px; height: 394px; left: -6px; top: 25px; z-index: 100; background-color: #f2f2f2; border: 1px solid #bdbdbd; display: block; } #mw_mobile .emoticon_new_layer{ height: 420px; } #mw_mobile .emoticon_list{ max-height: 368px; } #mw_mobile .emoticon_list::-webkit-scrollbar{ width: 5px; } #mw_mobile .emoticon_list::-webkit-scrollbar-thumb{ background-color: #888; } #mw_mobile .emoticon_list::-webkit-scrollbar-track{ background-color: #f1f1f1; } .dn{ display: none; } .emoticon_tab_swiper{ width: calc(100% - 80px); height: 50px; margin: 0 auto; } .emoticon_tab{ background-color: #fff; } .emoticon_tab a{ width: 100%; height: 100%; box-sizing: border-box; padding: 0; display: inline-flex; align-items: center; justify-content: center; } .emoticon_tab a img{ display: block; image-rendering: -webkit-optimize-contrast; width: 38px; height: 38px; } .emoticon_tab_swiper_wrap .swiper-button-prev, .emoticon_tab_swiper_wrap .swiper-button-next{ top: 22px; width: 40px; height: 50px; background-color: #fff; background-image: none; } .emoticon_tab_swiper_wrap .swiper-button-prev:after, .emoticon_tab_swiper_wrap .swiper-button-next:after{ font-size: 1rem; color: #333; } .emoticon_tab_swiper_wrap .swiper-button-prev{ left: 0; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; } .emoticon_tab_swiper_wrap .swiper-button-next{ right: 0px; border-left: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; width: 40px; } .emoticon_tab.expired{ } .emoticon_tab.expired img{ filter: grayscale(100%); } .emoticon_tab.active{ background-color: #f2f2f2; border-bottom: 1px solid #f2f2f2; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; } .emoticon_list{ width: 100%; padding: 10px; overflow-y: auto; overflow-x: hidden; position: relative; max-height: 342px; height: auto; gap: 8px; display: flex; flex-wrap: wrap; } .tx-editor-container .emoticon_list li, .emoticon_list li{ float: none; width: 57px; height:57px; margin: 0; } @media screen and (max-width: 360px) { .emoticon_list li{ aspect-ratio: 1/1; height: auto; min-width: calc((100% - 32px) / 5); max-width: calc((100% - 32px) / 5); } } @media screen and (min-width: 360px) and (max-width: 480px) { .emoticon_list li{ aspect-ratio: 1/1; height: auto; min-width: calc((100% - 40px) / 6); max-width: calc((100% - 40px) / 6); } } @media screen and (min-width: 480px) and (max-width: 640px){ .emoticon_list li{ aspect-ratio: 1/1; height: auto; min-width: calc((100% - 48px) / 7); max-width: calc((100% - 48px) / 7); } } @media screen and (min-width: 640px) and (max-width: 1024px){ .emoticon_list li{ aspect-ratio: 1/1; height: auto; min-width: calc((100% - 56px) / 8); max-width: calc((100% - 56px) / 8); } } .emoticon_list li a img{ display: block; width: 100%; height: 100%; image-rendering: -webkit-optimize-contrast; } .emoticon_notice{ position: absolute; width: 100%; height: 200px; top: 50px; left: 0; text-align: center; display: block; z-index: 100; padding-top: 50px; background-color: rgba(255, 255, 255, 0.8); } .emoticon_notice.dn{ display: none; } .emoticon_tab_swiper .swiper-wrapper{ background-color: white; } form[name='fviewcomment']:after{ clear: both; display: block; content: ''; } form[name='fviewcomment'] .emoticon_div_wrap{ position: relative; width: 100%; margin-bottom: 5px; } form[name='fviewcomment'] textarea{ border-top: 0; border-left: 0; border-right: 0; border-bottom: 0; padding: 10px; font-size: 13px; line-height: 18px; width: 100%; padding-right: 20px; padding-top: 20px; resize: none; height: 115px; } form[name='fviewcomment'] textarea:focus{ border: 0; outline: 0; } form[name='fviewcomment'] .emoticon_div{ position: absolute; top: 5px; left: 5px; width: 50px; height: 50px; background-color: transparent; } form[name='fviewcomment'] .image_preview_div{ position: absolute; top: 65px; left: 5px; width: 50px; height: 50px; background-color: white; } form[name='fviewcomment'] .emoticon_div.dn{ display: none; } form[name='fviewcomment'] .emoticon_div img{ width: 100%; height: 100%; display: block; } form[name='fviewcomment'] .emoticon_delete_wrap{ position: absolute; left: 50px; top: 0px; width: 15px; height: 15px; border-radius: 20px; background-color: #ccc; border: 1px solid #ccc; } form[name='fviewcomment'] .emoticon_delete_wrap a{ text-decoration: none !important; color: blue; display: block; width: 100%; height: 100%; text-align: center; line-height: 20px; color: #aaa !important; } form[name='fviewcomment'] .emoticon_delete_wrap i{ color: #fff; } form[name='fviewcomment'] .image_preview_delete_wrap{ position: absolute; left: 50px; top: 60px; width: 15px; height: 15px; border-radius: 20px; background-color: #ccc; border: 1px solid #ccc; } form[name='fviewcomment'] .image_preview_delete_wrap a{ text-decoration: none !important; color: blue; display: block; width: 100%; height: 100%; text-align: center; line-height: 20px; color: #aaa !important; } form[name='fviewcomment'] .image_preview_delete_wrap i{ color: #fff; } form[name='fviewcomment'] .emoticon_content{ position: absolute; display: none; left: 0; top: 0; width: 1px; height: 1px; } .mw_basic_comment_file{ margin-left: 10px !important; } .mw_basic_comment_file i{ color: grey; font-size: 27px; } .emoticon_tab_swiper .emoticon_tab.none{ opacity: 0.3; } .emoticon_notice .notice_text{ font-family: Malgun Gothic, sans-serif !important; font-size: 13px; padding: 5px 10px; background-color: #fff; border-radius: 10px; display: inline-block; box-shadow: 0 0 5px white; color: #999; } #mw_basic .emoticon_notice .notice_text_a{ display: inline-block; text-decoration: none !important; padding: 3px 10px; background-color: skyblue; border-radius: 10px; color: #fff !important; margin-top: 5px; margin-bottom: 5px; } .mw_basic_comment_file i:hover{ color: orange; } .emoticon_new_layer div{ box-sizing: border-box; } .emoticon_new_layer a{ box-sizing: border-box; margin: 0; } #comment_file_layer{ width: 100%; padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 3px; } .emoticon_right_div{ height: 25px; float: left; width: calc(100% - 100px); } .emoticon_right_div{ margin: 0 !important; } #mw_basic #mw_basic_comment_write_form{ border: 3px solid #ddd !important; margin-bottom: 5px !important; position: relative !important; border-radius: 5px !important; background-color: #fff !important; padding: 0 !important; } form[name='fviewcomment'] #btn_submit{ float: left; width: calc(100% - 100px); text-align: right; margin-top: 3px; color: #009f00; font-weight: bold; border-radius: 5px; } form[name='fviewcomment'] #btn_comment_submit{ border: 0; font-family: 굴림, sans-serif; margin-right: 5px; background-color: #e0f8e3; padding: 2px 10px; position: relative; bottom: 1px; font-size: 12px; } form[name='fviewcomment'] .write_button{ border: 0; font-family: 굴림, sans-serif; color: #009f00; cursor: pointer; line-height: 25px; font-weight: bold; border-radius: 5px; background-color: #e0f8e3; padding: 2px 10px; position: relative; bottom: 1px; font-size: 12px; } form[name='fviewcomment'] .write_button:last-of-type{ margin-right: 5px; } .comment_character_count{ position: absolute; top: 10px; right: 15px; color: #aaa; } .comment_character_count .normal_num{ color: #aaa; } .comment_user_nick{ position: absolute; top: 15px; left: 15px; font-weight: bold; } #comment_write{ position: relative; background-color: #fff !important; border-radius: 5px; border: 0 !important; padding: 0 !important; } /* 모바일 관련 S */ #comment_write #btn_submit{ float: left; width: calc(100% - 100px); text-align: right; } #comment_write #btn_comment_submit{ font-family: 굴림, sans-serif; color: #009f00; } #comment_write .write_button{ font-family: 굴림, sans-serif; border: 0; cursor: pointer; line-height: 25px; color: #009f00; } #comment_write .write_button:last-of-type{ margin-right: 5px; } #fviewcomment{ padding: 5px; border-radius: 5px; } #mw_mobile #fviewcomment{ border: 3px solid #ddd; position: relative; } form[name='fviewcomment'] .write_button.reply_cancel_button{ float: left; background-color: #eee; color: grey; } .emoticon_list .emoticon_expired_wrap{ width: 100%; height: 100%; } .emoticon_list .emoticon_expired_wrap *{ font-family: 'Nanum Gothic', sans-serif; font-size: 14px; } .emoticon_list .emoticon_expired_wrap .emoticon_desc_div{ height: 80%; display: flex; align-items: center; } .emoticon_list .emoticon_expired_wrap .emoticon_desc_div:after{ clear: both; display: block; content: ''; } .emoticon_list .emoticon_expired_wrap .emoticon_desc_div .emoticon_represent_img{ float: left; width: 40%; text-align: center; } .emoticon_list .emoticon_expired_wrap .emoticon_desc_div .emoticon_represent_img img{ width: 100px; height: 100px; } .emoticon_list .emoticon_expired_wrap .emoticon_desc_div .emoticon_represent_wrap{ float: left; width: 60%; padding-right: 10px; } .emoticon_list .emoticon_expired_wrap .emoticon_desc_div .emoticon_represent_wrap .emoticon_represent_name{ font-size: 16px; font-weight: bold; margin-bottom: 10px; } .emoticon_list .emoticon_expired_wrap .emoticon_desc_div .emoticon_represent_wrap .emoticon_represent_desc{ color: #777; word-break: break-word; line-height: 1.3; } .emoticon_list .emoticon_expired_wrap .emoticon_expired_div{ height: 20%; display: flex; align-items: center; padding: 0 7px; } .emoticon_list .emoticon_expired_wrap .emoticon_expired_div .emoticon_expired_button{ margin-left: auto; font-weight: bold; text-decoration: none !important; } /* 모바일 관련 E */ /* 모바일일 경우 */ .swiper-slide.emoticon_tab.active::after{ height: 1px; content: ""; display: block; position: absolute; width: 100%; background: #f2f2f2; bottom: -2px; } .emoticon_tab_swiper .swiper-wrapper .emoticon_tab{ border-bottom: 1px solid #bdbdbd; } .emoticon_tab_swiper .swiper-wrapper .emoticon_tab.active{ border-bottom: none; } .emoticon_tab_swiper_wrap .swiper-button-prev{ border-right: 1px solid #bdbdbd; } .emoticon_tab_swiper_wrap .swiper-button-lock{ display: flex; } .emoticon_tab_swiper_wrap .swiper-button-prev.swiper-button-disabled, .emoticon_tab_swiper_wrap .swiper-button-next.swiper-button-disabled{ opacity: 1; background-color: #f2f2f2; } .emoticon_tab_swiper_wrap .swiper-button-prev.swiper-button-disabled::after, .emoticon_tab_swiper_wrap .swiper-button-next.swiper-button-disabled::after{ opacity: 0.35; } </style>  <script> function checkLength(comment) { if (comment.value.length > 1000 ) { comment.blur(); comment.value = comment.value.substring(0, 1000); alert('1000자 이내로 입력하세요'); comment.focus(); return false; } } </script> <script> function string_check(thiss){ if (thiss.value.replace(/\n/g, "")=="- 게시물과 상관없는 정치댓글 작성 시 강력제재 이용정지 처리합니다.- 욕설/비방/반말/악플 금지 상습위반 회원은 이용정지 처리합니다.- 불편함을 주는 댓글은 자제 부탁드리며 따뜻한 댓글로 배려해주세요.") thiss.value=""; } </script>  <div id="cocoment_main">  <div id="commentContents"> <style> #commentContents .except_anonymous_comment{ display: flex; gap: 3px; align-items: center; margin-left: 10px; } #mw_basic #cocoment_main .comment_list_title .comment_list_title_text > div { display: flex; align-items: center; } #mw_basic #cocoment_main .comment_list_title .comment_list_title_text .except_anonymous_comment { font-weight: 400; } </style> <div class='comment_list_title'> <div class='comment_list_title_text'> <div> 댓글 <span class='comment_list_title_count'>1</span>개 </div> <a href='#fviewcomment'>댓글쓰기</a> </div> </div> <script> function except_anonymous_comment(e){ if(e.checked){ document.cookie = `except_anonymous_comment=Y; domain=etoland.co.kr; path=/; max-age=${365 * 24 * 60 * 60}`; location.reload(); }else{ document.cookie = "except_anonymous_comment=; domain=etoland.co.kr; path=/; max-age=0"; location.reload(); } } </script> <a id="cs" name="cs"></a> <div id="comment_list_wrap" style="width:100%">  <a name="c_1632096"></a> <table width=100% height="1" cellpadding=0 cellspacing=0 style="margin-bottom:5px;" class='border_table'> <tr> <td style="line-height:0;"></td> <td width="100%" height="1" style="border-top:1px solid #ddd;"></td> </tr> </table> <table width=100% cellpadding=0 cellspacing=0> <tr>  <td valign="top" style="text-align:right;"> </td> <td valign="top" style="text-align:left;"> <img src="../data/mw.basic.comment.image/ffather" class="comment_image" loading="lazy"> <script type="text/javascript"> function mw_member_photo(mb_id) { win_open('../skin/board/free/mw.proc/mw.comment.image.php?bo_table=star&mb_id='+mb_id,'comment_image','width=500,height=350'); } </script> </td> <td width="2" bgcolor="#dedede" class='comment_border'><div style="width:2px;"></div></td> <td><div style="width:10px;"></div></td> <td width="100%" valign="top"> <table width=100% height="28" cellpadding=0 cellspacing=0 style="background:url(../skin/board/free/img/co_title_bg.gif);" class='comment_title'> <tr>  <td style='height: 100%;display: flex;align-items: center;'> <span class="mw_basic_comment_name " style="position:relative;"> <img src="/img/rank/rank_08.gif" align=absmiddle alt="rank" loading="lazy"><span class='member'>둥주</span> </span> <span class=mw_basic_comment_datetime>2019-04-26 (금) 22:00</span> <img src='../skin/board/free/img/icon_mobile.png' align='absmiddle' class='comment_mobile_icon'> </td> </tr> </table> <table width=100% cellpadding=0 cellspacing=0 class=mw_basic_comment_content > <tr> <td valign="top" >   <div id=view_1632096> 조이야 나 죽어.. </div> </td> </tr> </table> <div style="text-align: right;padding-right: 10px;margin-top: 10px;display: flex;justify-content: end;align-items: end;"> </div> <div id='edit_1632096' style='display:none;'></div> <div id='reply_1632096' style='display:none;'></div> <textarea id='save_comment_1632096' style='display:none;'>조이야 나 죽어..</textarea></td>  </tr> <tr> <td colspan="4" height="10"></td> </tr> </table>  </div> <input type="hidden" id="endp" value="2"> <input type="hidden" id="total_ep" value="1"> </div>  </div>  <div class="mw_basic_comment_page"> </div>  <div style="padding:5px 0 0 0;"> <a href="javascript:comment_box('', 'c');"><img src="../skin/board/free/img/btn_comment_insert.gif" border=0></a> <div style="float: right;"><A onclick="window.scrollTo(0,0); return false;" href="#"><font color="#666666">▲ top</font></A></div> </div> <div id=mw_basic_comment_write> <div id=mw_basic_comment_write_form> <form name="fviewcomment" id='fviewcomment' class="login_popup_btn" method="post" action="/bbs/write_comment_update2323.php" onsubmit="return fviewcomment_submit(this);" autocomplete="off" style="margin:0;" enctype="multipart/form-data"> <input type=hidden name=w id=w value='c'> <input type=hidden name=bo_table value='star'> <input type=hidden name=wr_id value='1632087'> <input type=hidden name=comment_id id='comment_id' value=''> <input type=hidden name=sca value='' > <input type=hidden name=sfl value='' > <input type=hidden name=stx value=''> <input type=hidden name=spt value=''> <input type=hidden name=page value=''> <input type=hidden name=cwin value=''>  <table width=100% cellpadding=0 cellspacing=0 border=0> <tr> <td> <div class='emoticon_div_wrap'> <div class='emoticon_div dn'> </div> <div class='emoticon_delete_wrap dn'>  <a href="javascript:;" class='emoticon_delete'><i class='xi-close'></i></a> </div> <div class='image_preview_div dn'> <img src='' alt='이미지' class='image_preview' width='50px' height='50px'> </div> <div class='image_preview_delete_wrap dn'> <a href="javascript:;" class='image_preview_delete'><i class='xi-close'></i></a> </div> <div class='emoticon_content'> </div> <textarea id="wr_content" name="wr_content" rows="6" itemname="내용" onKeyUp="checkLength(this);" class="mw_basic_textarea chk_area wr_content" style='word-break:break-all;' resize='none' placeholder="- 게시물과 상관없는 정치댓글 작성 시 강력제재 이용정지 처리합니다. - 욕설/비방/반말/악플 금지 상습위반 회원은 이용정지 처리합니다. - 불편함을 주는 댓글은 자제 부탁드리며 따뜻한 댓글로 배려해주세요." readonly > 댓글을 작성하시려면 로그인해주세요</textarea> </div> </td> </tr> </table> <div class='emoticon_new_wrap'>  <div class='emoticon_new_layer dn'> <div class='emoticon_tab_swiper_wrap'> <div class="swiper-container emoticon_tab_swiper"> <div class="swiper-wrapper">     </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> <div class='emoticon_notice dn'> <div class='notice_text'>  </div> </div> <div class='emoticon_list'> </div> </div> <button type='button' class='emoticon_new'><i class='xi-emoticon-smiley-o'></i></button> </div> <div id="btn_submit"> <button type='button' class='write_button reply_cancel_button dn'>답글취소</a> <button type='submit' id="btn_comment_submit" class='write_button' accesskey='s' >댓글입력</button> <button type='button' class='write_button' style="cursor:pointer">댓글추천</button> </div>  <div class='comment_character_count'><span class='normal_num'>0</span> / 1000</div>  </form> </div> </div> <script type="text/javascript"> $('body').on('click', 'form[name="fviewcomment"] textarea, form[name="fviewcomment"] button, form[name="fviewcomment"] input, form[name="fviewcomment"] span, form[name="fviewcomment"] img', function(e){ e.stopPropagation(); e.stopImmediatePropagation(); // 현재 요소에 걸린 다른 이벤트 실행하지 못하게 함 return false; }); /* 추가 끝 */ var save_before = ''; var save_html = document.getElementById('mw_basic_comment_write').innerHTML; $("#bf_file").live("change",function(){ var ext = $(this).val().split('.').pop().toLowerCase(); if($.inArray(ext, ['swf','avi','mp3','mp4']) == -1) { } else { $(this).val(''); alert('첨부할수 없는 확장자 파일 입니다.'); return; } }); function good_submit(f, good) { var ed = document.getElementById('wr_content').value; //===================추가시작 2018-12-07 업데이트 // if (!fviewcomment_submit(f)) return false; $.get("../plugin/good_module/mw.good.act.php?bo_table=star&wr_id=1632087&good="+good, function (data) { fviewcomment_submit(f); // f.submit(); }); //===================추가시작 2018-12-07 업데이트 끝 } function is_empty(ed) { ed = ed.replace(/(^\s*)|(\s*$)/g, ""); ed = ed.replace(/[&]nbsp[;]/gi,""); ed = ed.replace(/[<]br[^>]*[>]/gi, ""); ed = ed.replace(/[<]div[^>]*[>]/gi, ""); ed = ed.replace(/[<][\/]div[^>]*[>]/gi, ""); ed = ed.replace(/\s/g, ""); return !ed; } function fviewcomment_submit(f) { // 이 부분 안 보이게 하기 (hidden value값으로 넣는다거나) // 안보이게 하려면 hidden으로 줬다가 action쪽에서 해야할 듯함. var html1 = $("form[name='fviewcomment']").find('.emoticon_content').html(); const is_anonymous = document.getElementById('wr_anonymous')?.checked; if(html1.indexOf('/img/emoticon') == -1){ // 이모티콘 없는 댓글 // 아무것도 안 함 }else{ // 이모티콘 있는 댓글 // 이모티콘 이름 알아내서 ajax 쿼리 돌려서 없는 이모티콘이면 사용 못하게 함 var emoticon_arr = html1.split('/'); // emoticon_arr[5]가 이름임 var emot = emoticon_arr[5]; var emoticon_check; if(emot != 'default1'){ // 기본 이모티콘 아닐 때만 하기 // ajax 하기 var mb_id = ''; $.ajax({ url: "../plugin/emoticon/emoticon_check_ajax.php", type: "POST", data: { mb_id : mb_id, emot : emot }, dataType: 'text', async: false, success: function(res){ emoticon_check = res; }, error: function(err){ console.error(err); } }); } if(emoticon_check == 0){ alert('가지고 있지 않은 이모티콘입니다'); return false; }else{ // 아무것도 안 함 } } var html2 = $("form[name='fviewcomment']").find('textarea').val(); // 주의 : textarea값은 val로 가져와야 함 var html3 = html1.trim() + html2.trim(); // 230801 이모티콘만 사용했을 경우 최소 4글자 입력하도록 안내 // 230802 보류 // if(html1.trim().length > 0 && html2.trim().length < 4){ // alert('최소 4글자 이상 내용을 입력해주세요.'); // return false; // } // 230919 이모티콘만 사용하면서 익명 체크했을 경우 익명댓글 안되도록 안내 if(html1.trim().length > 0 && is_anonymous && html2.trim() < 1){ alert('익명댓글 작성 시 이모티콘만 사용할 수 없습니다.'); return false; } $("form[name='fviewcomment']").find('textarea').val(html3); var ed = document.getElementById('wr_content').value; var comment_file = document.getElementById('bf_file').value; if (is_empty(ed)) { if(comment_file){ // 파일 있으면 그냥 댓글 등록하게 하기 }else{ // 없으면 댓글 등록 불가 alert("내용을 입력해주세요."); return false; } } /* 추가 끝 */ var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자 if (document.getElementById('tx_wr_content')) { if (is_empty(ed_wr_content.outputBodyHTML())) { alert('내용을 입력하십시오.'); ed_wr_content.returnFalse(); return false; } } // 양쪽 공백 없애기 var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자 document.getElementById('wr_content').value = document.getElementById('wr_content').value.replace(pattern, ""); //===================추가시작 2018-12-07 업데이트 f=document.fviewcomment; f.target="hiddenframe"; f.submit(); //===================추가시작 2018-12-07 업데이트 끝 return true; } //===================추가시작 2018-12-07 업데이트 async function refresh(del, id) { let url = document.location.href; url = url.replace(/&cpage=.*/gi, ""); let ep = document.getElementById("endp").value; let total_ep = document.getElementById("total_ep").value; total_ep = Number(total_ep); ep = Number(ep) - 1; (!document.getElementById("comment_id").value && del != "del")? ep = total_ep : ep; (id && del != "del") ? url = (url + "&cpage=" + ep + "&c_id=" + id) : url = url + "&cpage=" + ep; await $.ajax({ url: url, type: "GET", success: function(data, textStatus) { refresh_comment(data); save_before = ""; comment_box('', 'c'); // 코멘트 입력폼이 보이도록 처리하기위해서 추가 (root님) } }) if(id && !del){ document.getElementById("view_"+id).scrollIntoView({behavior: "auto", block: "center"}); } } // function refresh() // { // const ep = document.getElementById("endp").value; // $.ajax({ // url: document.location.href + "&ep=" + ep, // type: "GET", // success: function(data, textStatus) { // refresh_comment(data); // save_before = ""; // comment_box('', 'c'); // 코멘트 입력폼이 보이도록 처리하기위해서 추가 (root님) // } // }); // } function refresh_comment(data) { // var a_comment = /(([\s\S]+?[\s\S]))/.exec(data); var a_comment = /(([\s\S]+?[\s\S]))/.exec(data); if (a_comment != null) { //comment_box('', 'c'); var content = String(a_comment[1]).trim(); //alert(content); // $("#commentContents").replaceWith(content); $("#cocoment_main").replaceWith(content); // comment_box('', 'c'); } } //===================추가시작 2018-12-07 업데이트 끝 function comment_box(comment_id, work) { var el_id; // 코멘트 아이디가 넘어오면 답변, 수정 if (comment_id) { if (work == 'c') el_id = 'reply_' + comment_id; else el_id = 'edit_' + comment_id; } else el_id = 'mw_basic_comment_write'; if(comment_id && work == 'c'){ $.ajax("/plugin/view_comment/anony_comment_check.php", { method: "POST", data:{ comment_id : comment_id, bo_table : "star", }, success: (res) => { const anonymous_div = document.querySelector('.anonymous_comment_div'); if(anonymous_div) { if(res){ anonymous_div.style.display = 'inline-flex'; }else{ anonymous_div.style.display = 'none'; } } } }) $.ajax("/plugin/view_comment/anony_group_check.php", { method: "POST", data:{ comment_id : comment_id, bo_table : "star" }, success: (res) => { const anonymous_input = document.getElementById('wr_anonymous'); if(anonymous_input){ if(res === '1'){ anonymous_input.checked = true; }else{ anonymous_input.checked = false; } } } }) } if (save_before != el_id) { if (save_before) { $("#"+save_before).css("display", "none"); $("#"+save_before).html(''); } $("#"+el_id).css("display", ""); $("#"+el_id).html(save_html); $(".anonymous_comment_div").css("display", "inline-flex"); // 코멘트 수정 if (work == 'cu') { $(".anonymous_comment_div").css("display", "none"); $("#wr_content").val($("#save_comment_" + comment_id).val()); } $("#comment_id").val(comment_id); $("#w").val(work); save_before = el_id; } // emoticon_swiper_func(); // 스와이퍼 초기화 if($('#fviewcomment').find('#comment_id').val()){ $('.reply_cancel_button').removeClass('dn'); } } //$(document).ready(function () { comment_box('', 'c'); //}); </script> <script type="text/javascript"> function comment_delete(url) { //===================추가시작 2018-12-07 업데이트 if (confirm("이 코멘트를 삭제하시겠습니까?")) { $.ajax({ url: url, type: "GET", success: function(data, textStatus) { if(data == 'news_comment_12_hours'){ alert('뉴스 댓글은 12시간 후에 삭제가 가능합니다.'); return; } refresh("del"); } }); //location.href = url; } } //function comment_delete(url) //{ // if (confirm("이 코멘트를 삭제하시겠습니까?")) location.href = url; //} //===================추가시작 2018-12-07 업데이트 끝 </script> <style type="text/css"> /* 댓글 img */ #mw_basic .mw_basic_comment_content img { max-width:600px; height:auto; } #mw_basic .mw_basic_comment_content td .egg_point_comment{ display: inline-flex; align-items: center; gap: 5px; background: #e0f8e3; padding: 2px 10px; border-radius: 8px; font-weight: bold; margin-bottom: 5px; color: #009f00 !important; text-decoration: none; } </style>  <script> // swiper를 여기가 아니고 view에 놓아야 할 것 같음 // 초기에도 로딩하고, ajax 이후에도 로딩해야 함 console.log('이모티콘 스크립트 로딩됨'); function emoticon_swiper_func(){ // 스와이퍼 함수화 const isMobileDiv = document.getElementById("mw_mobile"); let viewNum = isMobileDiv ? 5 : 8; if(isMobileDiv){ const mobileWidth = isMobileDiv.offsetWidth; if(mobileWidth > 480 && mobileWidth < 580){ viewNum = 6; } if(mobileWidth > 580 && mobileWidth < 768){ viewNum = 7; } if(mobileWidth > 768){ viewNum = 8; } } emoticon_tab_swiper = new Swiper(".emoticon_tab_swiper", { slidesPerView: viewNum, slidesPerGroup: viewNum, spaceBetween: 0, allowTouchMove: false, navigation: { nextEl: ".emoticon_tab_swiper_wrap .swiper-button-next", prevEl: ".emoticon_tab_swiper_wrap .swiper-button-prev", }, observer:false, observeParents:false, }); } $('body').on('click', '.emoticon_new', function(e){ // 이모티콘 끄기 - 더 좋은 방법 없는지 알아보기 $('#tx_trex_container .tx_external_url').removeClass('active'); $('#tx_trex_container .external_url_popup').removeClass('dn').addClass('dn'); /* ajax로 각자 이모티콘 리스트 조회해서 받아오기 */ /* mb_id로 받아올 거임 */ var mb_id = ''; const bo_table = 'star'; $.ajax({ url: "../plugin/emoticon/emoticon_tab_ajax.php", type: "POST", data: { mb_id : mb_id, }, dataType: 'text', success: function(res){ $('.emoticon_tab_swiper .swiper-wrapper').html(res); $('.emoticon_tab:first-child').trigger('click'); // 첫번째꺼 열게 하기 emoticon_swiper_func(); }, error: function(err){ console.error(err); } }); if($(this).hasClass('active')){ // 닫을 때 안에 내용 비우기 $('.emoticon_list').html(''); $('.emoticon_notice').removeClass('dn').addClass('dn'); } if($(this).closest('.emoticon_new_wrap').find('.emoticon_new_layer').hasClass('dn')){ // 레이어 꺼져 있을 ㅤㄸㅒㅤ $(this).closest('.emoticon_new_wrap').find('.emoticon_new_layer').removeClass('dn'); $(this).removeClass('active').addClass('active'); }else{ // 켜져 있을 때 $(this).closest('.emoticon_new_wrap').find('.emoticon_new_layer').removeClass('dn').addClass('dn'); $(this).removeClass('active'); } e.stopPropagation(); }); // 해당 영역 바깥이면 레이어 닫기 // 해당 영역 클릭했는데 해당 영역에 emoticon_new_layer 있는지 파악 후 없으면 닫게 하기 $('body').click(function(e){ if(e.target.closest('.emoticon_new_layer') == null){ $('.emoticon_new_layer').removeClass('dn').addClass('dn'); $('.emoticon_new').removeClass('active'); } }); // 아이콘 누르면 active 되게 하기 $('body').on('click', '.emoticon_tab', function(){ if($(this).hasClass('none')){ $(this).closest('.emoticon_new_layer').find('.emoticon_list').removeClass('none').addClass('none'); $(this).closest('.emoticon_new_layer').find('.emoticon_notice').removeClass('dn'); }else{ $(this).closest('.emoticon_new_layer').find('.emoticon_list').removeClass('none'); $(this).closest('.emoticon_new_layer').find('.emoticon_notice').removeClass('dn').addClass('dn'); } $(this).siblings().removeClass('active'); $(this).removeClass('active').addClass('active'); // ajax로 가져올 준비 하기 var mb_id = ''; var emot = $(this).data('emot'); // 이걸로 구분할 거임 const bo_table = 'star'; // 결국, 이미지 리스트 (이미지 이름 등)만 받아오면 그걸로 서버에 있는 것을 가져오는 것이다 // 이미지 리스트만 json으로 받아오면 될 듯? array나 // 리스트 받아오는 ajax $.ajax({ url: "../plugin/emoticon/emoticon_list_ajax.php", type: "POST", data: { mb_id : mb_id, emot : emot, bo_table : bo_table }, dataType: 'text', success: function(res){ $('.emoticon_list').html(res); }, error: function(err){ console.error(err); } }); if($(this).hasClass('none')){ // 없는 이모티콘 탭 눌렀을 경우 // 이모티콘 획득조건 받아오는 ajax $.ajax({ url: "../plugin/emoticon/emoticon_require_ajax.php", type: "POST", data: { emot : emot }, dataType: 'text', success: function(res){ $('.emoticon_notice .notice_text').html(res); }, error: function(err){ console.error(err); } }); } }); $('body').on('click', '.notice_text_a', function(){ // 해당 버튼의 closest tab의 emot 구하고 mb_id 구해서 그걸로 쿼리 돌려서 연속출석일수 알아본 후에 조건문 분기해서 처리하기 var mb_id = ''; var emot = $(this).data('emot'); $.ajax({ url: "../plugin/emoticon/emoticon_acquire_ajax.php", type: "POST", data: { mb_id : mb_id, emot : emot }, dataType: 'text', success: function(res){ // res값에 따라 분기하여 처리하기 const data_res = $.trim(res); if(data_res == 2){ // 이미 있는 이모티콘인 경우 alert('이미 가지고 있는 이모티콘입니다'); location.reload(); }else if(data_res == 1){ // 정상 지급한 경우 alert('이모티콘이 정상 지급되었습니다!'); location.reload(); }else if(data_res == 'squid_fail'){ // 오징어 실패 alert('조건을 채우지 못했습니다. 출석체크 페이지로 이동합니다'); location.replace("../check/index.php"); }else if(data_res == 'tiger_fail'){ // 호랑이 실패 alert('조건을 채우지 못했습니다. 자유게시판으로 이동합니다'); location.replace("../bbs/board.php?bo_table=freebbs"); }else{ // 기타 다른 것 실패 alert('조건을 채우지 못했습니다. 조건을 확인해주세요'); } }, error: function(err){ console.error(err); } }); }); $('body').on('click', '.emoticon_a', function(){ // emoticon_a 클릭시 코멘트에 넣게 하기 // 해당 data-emotnum값 구해서 넣기 var emotnum = $(this).data('emotnum'); // 이모티콘 번호 구하기 var html = "<img src='/img/emoticon/"+emotnum+".gif'>"; var html2 = '[http://www.etoland.co.kr/img/emoticon/'+emotnum+'.gif]'; var html3 = "<img src='/img/emoticon/"+emotnum+".gif'>"; $(this).closest('form').find('.emoticon_div').html(html); $(this).closest('form').find('.emoticon_content').html(html2); $(this).closest('form').find('.emoticon_div').removeClass('dn'); $(this).closest('form').find('.emoticon_delete_wrap').removeClass('dn'); $('.emoticon_new_layer').removeClass('dn').addClass('dn'); $('.emoticon_new').removeClass('active'); $(this).closest('form').find('textarea').css('margin-left', '60px'); $(this).closest('form').find('textarea').css('width', 'calc(100% - 60px)'); $(this).closest('form').find('.anonymous_comment_div').css('margin-left', '60px'); $(this).closest('form').find('.anonymous_comment_div').css('width', 'calc(100% - 60px)'); // $('#tx_canvas_wysiwyg').contents().find('.tx-content-container').append(html); $('.emoticon_new_layer').removeClass('dn').addClass('dn'); $('.emoticon_new').removeClass('active'); }); $('body').on('click', '.emoticon_delete', function(){ var html = ''; $(this).closest('form').find('.emoticon_div').html(html); $(this).closest('form').find('.emoticon_content').html(html); $(this).closest('form').find('.emoticon_div').removeClass('dn').addClass('dn'); $(this).closest('form').find('.emoticon_delete_wrap').removeClass('dn').addClass('dn'); if($('.image_preview_div').hasClass('dn')){ // 현재 이미지가 없는 경우(image_preview_div가 dn을 가지고 있을 경우)에만 css 원래대로 돌리기) $(this).closest('form').find('textarea').css('margin-left', '0'); $(this).closest('form').find('textarea').css('width', '100%'); $(this).closest('form').find('.anonymous_comment_div').css('margin-left', '0'); $(this).closest('form').find('.anonymous_comment_div').css('width', '100%'); } }); $('body').on('click', '.emoticon_expired_button', function(){ let emot_id = $(this).data('emotid'); $.ajax({ url: "../plugin/emoticon/emoticon_delete_ajax.php", type: "POST", data: { emot_id : emot_id, }, success: function(res){ if(res == '1'){ // 성공인 경우 // 클릭 트리거 작동 $('.emoticon_new').trigger('click'); $('.emoticon_new').trigger('click'); }else{ // 오류인 경우 alert(res); return; } }, error: function(err){ console.error(err); } }); }); $(document).ready(function(){ emoticon_swiper_func(); // 스와이퍼 초기화 }); </script>  <script> $('body').on('keydown keyup', '#wr_content', function(){ if($(this).prop('scrollHeight') >= 115 && $(this).prop('scrollHeight') <= 400){ $(this).height(1).height($(this).prop('scrollHeight') + 12); if($(this).prop('scrollHeight') < 115){ $(this).height(1).height(115); } }else if($(this).prop('scrollHeight') < 115){ $(this).height(1).height(115); }else if($(this).prop('scrollHeight') > 400){ $(this).height(1).height(400); } }); /* 높이 자동조절 끝 */ $('body').on('click', '.mw_basic_comment_file', function(){ $('#bf_file').trigger('click'); }); function readImage(input) { // 인풋 태그에 파일이 있는 경우 if(input.files && input.files[0]){ let _URL = window.URL || window.webkitURL; let img = new Image(); img.src = _URL.createObjectURL(input.files[0]); img.onload = function (){ if(img.height > 1000){ alert("파일 세로 사이즈가 너무 길어 업로드를 할 수 없습니다."); $('#bf_file').val(''); // 파일 초기화 return 'false'; } // 이미지 파일인지 검사 (생략) // FileReader 인스턴스 생성 const reader = new FileReader(); // 이미지가 로드가 된 경우 reader.onload = e => { $('.image_preview').attr('src', e.target.result); } // reader가 이미지 읽도록 하기 reader.readAsDataURL(input.files[0]); // 다 하고 나서 dn 없애기 $('.image_preview_div').removeClass('dn'); $('.image_preview_delete_wrap').removeClass('dn'); $('#wr_content').css('margin-left', '60px'); $('#wr_content').css('width', 'calc(100% - 60px)'); $('.anonymous_comment_div').css('margin-left', '60px'); $('.anonymous_comment_div').css('width', 'calc(100% - 60px)'); } } } $('body').on('click', '.image_preview_delete_wrap a', function(){ $(this).closest('.image_preview_delete_wrap').removeClass('dn').addClass('dn'); $('.image_preview_div').removeClass('dn').addClass('dn'); $('.image_preview').attr('src', ''); $('#bf_file').val(''); // 파일 초기화 if($('.emoticon_div').hasClass('dn')){ // 현재 이모티콘이 없는 경우(emoticon_div가 dn을 가지고 있을 경우)에만 css 원래대로 돌리기 $(this).closest('form').find('textarea').css('margin-left', '0'); $(this).closest('form').find('textarea').css('width', '100%'); $(this).closest('form').find('.anonymous_comment_div').css('margin-left', '0'); $(this).closest('form').find('.anonymous_comment_div').css('width', '100%'); } }); /* 파일 업로드시 미리보기 끝 */ $('body').on('change', '#bf_file', function(e){ $result = chk_file_type(e.target); // 이미지 파일 체크 함수 if($result !== false){ // 이미지 파일일 때만 미리보기로 가기 readImage(e.target); // 파일 업로드시 미리보기 함수 }else{ // 이미지 파일이 아닐 때 // input 파일 지우기 $('#bf_file').val(''); // 파일 초기화 } }); function chk_file_type(obj) { var file_kind = obj.value.lastIndexOf('.'); // 마지막 .의 인덱스위치를 찾는다 var file_name = obj.value.substring(file_kind+1,obj.length); // 해당 인덱스위치부터 마지막까지 자른다 (확장자) var file_type = file_name.toLowerCase(); // 해당 자른 확장자를 전부 소문자로 바꾼다 var check_file_type = new Array(); check_file_type = ['jpg','gif','png','jpeg','bmp','webp']; // 허용할 확장자들 모임 if(check_file_type.indexOf(file_type) == -1){ // 위의 해당 확장자들에서 포함되는 게 없으면 alert('이미지 파일만 선택할 수 있습니다.'); // 이미지 파일만 된다고 알려준다. // 이 아래서부터는 왜 있는지 모르겠다. var parent_Obj = obj.parentNode; var node = parent_Obj.replaceChild(obj.cloneNode(true),obj); return false; } } /* 이미지 파일만 가능하게 하기 끝 */ $('body').on('keydown keyup', '#wr_content', function(){ var html_num = $(this).val().length; $('.comment_character_count .normal_num').html(html_num); }); /* 현재 댓글 글자수 표시 끝 */ $('body').on('click', '.reply_cancel_button', function(){ comment_box('', 'c'); }); /* 추가 끝 */ // 회원 메모 관련 $('body').on('click', '#cocoment_main .member_memo_change', function(){ $(this).removeClass('dn').addClass('dn'); $(this).closest('.member_memo_wrap').find('.member_memo_text').removeClass('dn').addClass('dn'); $(this).closest('.member_memo_wrap').find('.member_memo_popup').removeClass('dn'); // input 박스에 포커싱하기 $(this).closest('.member_memo_wrap').find('.member_memo_popup input').focus(); }); $('body').on('click', '#cocoment_main .member_memo_popup_close', function(){ $(this).closest('.member_memo_wrap').find('.member_memo_change').removeClass('dn'); $(this).closest('.member_memo_wrap').find('.member_memo_popup').removeClass('dn').addClass('dn'); // member_memo_text에 글자가 있을 때만 removeClass 한다. if($(this).closest('.member_memo_wrap').find('.member_memo_text').html().trim()){ $(this).closest('.member_memo_wrap').find('.member_memo_text').removeClass('dn'); } }); // 회원 메모 저장하기 $('body').on('click', '#cocoment_main .member_memo_apply_button', function(){ var mb_id = ""; var memo_mb_id = $(this).data('mb_id'); var memo_content = $(this).closest('.member_memo_wrap').find('.member_memo_page_input').val(); var this_memo_wrap = $(this).closest('.member_memo_wrap'); $.ajax({ url: "../bbs/member_page_change_memo_ajax.php", type: "POST", data: { mb_id : mb_id, memo_mb_id : memo_mb_id, memo_content : memo_content }, success: function(res){ if(res == '1'){ // 변경되었으면 memo_content를 html에 넣음 this_memo_wrap.find('.member_memo_text').html(memo_content); this_memo_wrap.find('.member_memo_popup').removeClass('dn').addClass('dn'); this_memo_wrap.find('.member_memo_change').removeClass('dn'); this_memo_wrap.find('.member_memo_text').removeClass('dn'); this_memo_wrap.find('.member_memo_page_input').val(''); }else{ this_memo_wrap.find('.member_memo_page_input').val(''); alert(res); return; } }, error: function(err){ console.error(err); } }); }); // 회원 메모 삭제하기 $('body').on('click', '#cocoment_main .member_memo_delete_button', function(){ var mb_id = ""; var memo_mb_id = $(this).data('mb_id'); var this_memo_wrap = $(this).closest('.member_memo_wrap'); $.ajax({ url: "../bbs/member_page_delete_memo_ajax.php", type: "POST", data: { mb_id : mb_id, memo_mb_id : memo_mb_id }, success: function(res){ if(res == '1'){ this_memo_wrap.find('.member_memo_popup').removeClass('dn').addClass('dn'); this_memo_wrap.find('.member_memo_change').removeClass('dn'); this_memo_wrap.find('.member_memo_text').removeClass('dn').addClass('dn'); this_memo_wrap.find('.member_memo_text').html(''); this_memo_wrap.find('.member_memo_page_input').val(''); }else{ this_memo_wrap.find('.member_memo_page_input').val(''); alert(res); return; } }, error: function(err){ console.error(err); } }); }); </script><div width=100% class='menu_buttons_div'> <div class='menu_buttons_div_left'> <a href="./board.php?bo_table=star&page="><img src='../skin/board/free/img/btn_list.gif' border='0' align='absmiddle' alt='목록'></a> <a href="javascript:;" onclick="sns_share('scrap', '../plugin/scrap/ajax_scrap_update.php')"><img src='../skin/board/free/img/btn_scrap.gif' border='0' align='absmiddle' alt='스크랩'></a> </div> <div class='menu_buttons_div_right'> <input type=image src="../skin/board/free/img/btn_prev.gif" onclick="location.href='./board.php?bo_table=star&wr_id=1632095'" title="" accesskey='b'> <input type=image src="../skin/board/free/img/btn_next.gif" onclick="location.href='./board.php?bo_table=star&wr_id=1632086'" title="" accesskey='n'> </div> </div> </td></tr></table><br> <script type="text/javascript"> $.lazyLoadXT.autoInit = false; $('#view_content img').lazyLoadXT( { edgeY: 300, } ); $('#view_content video').lazyLoadXT( { edgeY: 300, } ); </script> <script type="text/javascript"> function btn_singo(wr_id, parent_id) { win_open("../skin/board/free/mw.proc/mw.btn.singo.php?bo_table=star&wr_id=" + wr_id + "&parent_id=" + parent_id, "win_singo", "width=500,height=300,scrollbars=yes"); } function btn_singo_view(wr_id) { $('#view_content img').lazyLoadXT( { edgeY: 300, } ); $('#view_content video').lazyLoadXT( { edgeY: 300, } ); var id = "singo_block_" + wr_id; if (document.getElementById(id).style.display == 'block') document.getElementById(id).style.display = 'none'; else document.getElementById(id).style.display = 'block'; } function btn_singo_clear(wr_id) { if (confirm("정말 초기화 하시겠습니까?")) { $.get("../skin/board/free/mw.proc/mw.btn.singo.clear.php?bo_table=star&token=&wr_id="+wr_id, function(msg) { alert(msg); }); } } </script> <script type="text/javascript"> function btn_singo2(wr_id, parent_id) { win_open("../skin/board/free/mw.proc/mw.btn.singo2.php?bo_table=star&wr_id=" + wr_id + "&parent_id=" + parent_id, "win_singo", "width=500,height=300,scrollbars=yes"); } </script> <script type="text/javascript"> function file_download(link, file, no) { document.location.href=link; } </script> <script type="text/javascript" src="../skin/board/free/mw.js/mw_image_window.js"></script> <script type="text/javascript"> // 서명 링크를 새창으로 if (document.getElementById('signature')) { var target = '_blank'; var link = document.getElementById('signature').getElementsByTagName("a"); for(i=0;i<link.length;i++) { link[i].target = target; } } //2020-06-03 원본 버튼 숨기기 보이기 시작 $('.content_mp4').mouseover(function (){ var num = $(this).attr("id"); $('.gif_ori_'+num).css("visibility", "visible"); }); $('.content_mp4').mouseout(function (){ var num = $(this).attr("id"); $('.gif_ori_'+num).css("visibility", "hidden"); }); $('.gif_src').click(function (){ var url = $(this).data("src"); window.open(url); console.log(url); }); //2020-06-03 원본 버튼 숨기기 보이기 끝 </script> <script type="text/javascript"> if (document.getElementById('view_content')) { var target = '_blank'; var link = document.getElementById('view_content').getElementsByTagName("a"); for(i=0;i<link.length;i++) { if(link[i].classList.contains('document_address_link') || link[i].classList.contains('document_address_copy')){ continue; } link[i].target = target; } } </script> <script type="text/javascript"> // 선택한 게시물 분류 변경 function mw_move_cate_one() { var sub_win = window.open("../skin/board/free/mw.proc/mw.move.cate.php?bo_table=star&chk_wr_id[0]=1632087", "move", "left=50, top=50, width=500, height=550, scrollbars=1"); } </script> <style type="text/css"> /* 본문 img */ #mw_basic .mw_basic_view_content img { max-width:856px; height:auto; } </style> <script type="text/javascript"> $('body').on('click', '.open_ban_div', function(){ $('.ban_div').removeClass('dn').addClass('dn'); $('.no_ban_div').removeClass('dn'); $(this).addClass('dn'); }); $('body').on('click', '.delete_ban_list', function(){ var mb_id = ''; var writer_id = $(this).data('writerid'); var result = confirm('해당 회원을 차단해제 하시겠습니까?'); if(result){ // ajax로 차단 목록에서 삭제 $.ajax({ url: "../plugin/ban/ban_delete_2.php", type: "POST", data: { mb_id : mb_id, writer_id : writer_id, }, async: false, success: function(res){ if(res == '1'){ // 성공했을 때 alert('차단이 해제되었습니다'); location.reload(); }else{ // 아닐 때 alert(res); return; } }, error: function(err){ console.error(err); } }); }else{ // 아무것도 안 함 } }); </script> <script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <script type="text/javascript"> // 트위터 변환 중으로 보이기 function twitter_converting(){ $('.mw_basic_view_content .twitter-tweet a').removeClass('loading').addClass('loading'); var html = "<div class='loading_div'>트위터 링크 자동 변환 중..</div>"; $('.mw_basic_view_content .twitter-tweet a').append(html); } $(document).ready(function(){ twitter_converting(); }); </script> <script async src="https://www.tiktok.com/embed.js"></script> <style> .video_content_wrapper { display: inline-flex; flex-direction: column; align-items: flex-end; } .video_content_wrapper .video_container{ display: inline-block; } .video_content_wrapper .origin_gif{ display: inline-block; background-image: url("/img/gifview.gif"); visibility: hidden; width: 45px; height: 20px; cursor: pointer; } </style> <script> (function(){ let gifOriginTag = document.querySelectorAll('.video_content_wrapper .origin_gif'); if(gifOriginTag.length > 0) { // gif 클릭 이벤트 gifOriginTag.forEach(el => { el.addEventListener('click', ()=> { let dataSrc = el.dataset.src; window.open(dataSrc, '_blank'); }) }) // mouseover, mouseout 이벤트 let videoContainerTag = document.querySelectorAll('.video_content_wrapper'); videoContainerTag.forEach(el => { let originGifTag = el.querySelector('.origin_gif'); if(originGifTag){ el.addEventListener('mouseover', ()=> { originGifTag.style.visibility = 'visible'; }) el.addEventListener('mouseout', ()=> { originGifTag.style.visibility = 'hidden'; }) } }) } }()); //240124 썸네일 원본방식이 변경되면서 오버라이드 function org_win(e) { var src = $(e).attr("src"); var url = src.replace("/thumbnail3/", "/"); var url = url.replace("/minify/", "/"); console.log(url); window.open(url, "_blank"); } </script> </section> <div class="main_right_ad"> <link rel="stylesheet" href='../etoad/css/right_side_ad.min.css?1712112365'> <div class="renew_side_ad right "> <div><style> .googleDouble { /* position: relative; */ height: 600px; } /* .googleDouble ins.adsbygoogle { position: absolute; top: 0; left: 0; } */ </style> <div class="googleDouble"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4245652594713467" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="width:300px;height:600px" data-ad-client="ca-pub-4245652594713467" data-ad-slot="8906753507"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="upDown"> <div id="upButton"><i class="xi-angle-up"></i>맨 위로</div> <div id="downButton"><i class="xi-angle-down"></i>맨 아래로</div>   </div> <div style="margin-top:5px;"></div> <link rel="stylesheet" href='../renewal/aside/module/latest_2023/css/latest_2023.min.css?1712028327' type="text/css"> <article class="latest_aside_box"> <ul style="padding: 7px 14px;"> <li> <a href="../bbs/board.php?bo_table=freebbs&wr_id=1593666"> <time class='font3'>[1분전]</time> <span class="subject singleLineText">건보료 폭탄이네요 </span> <img class="icon" src="/img/new_icon_transparent.png" alt="new icon"> <span class='dummy'></span>  </a> </li> <li> <a href="../bbs/board.php?bo_table=aichat&wr_id=77644"> <time class='font3'>[4분전]</time> <span class="subject singleLineText">쓸모없는 놈 </span> <img class="icon" src="/img/new_icon_transparent.png" alt="new icon"> <span class='dummy'></span>  </a> </li> <li> <a href="../bbs/board.php?bo_table=etohumor06&wr_id=2711837"> <time class='font3'>[9분전]</time> <span class="subject singleLineText">수십 억 들였는데 2년 넘게 비어있는 수산물 유통센터 /강원 MBC / 20240416 </span> <img class="icon" src="/img/new_icon_transparent.png" alt="new icon"> <span class='dummy'></span>  </a> </li> <li> <a href="../bbs/board.php?bo_table=etohumor06&wr_id=2711828"> <time class='font3'>[12분전]</time> <span class="subject singleLineText">인천 한복판에 이슬람사원 건립한다는 ‘550만’ 한국인 유튜버.jpg </span> <img class="icon" src="/img/new_icon_transparent.png" alt="new icon"> <span class='dummy'></span>  </a> </li> <li> <a href="../bbs/board.php?bo_table=etohumor06&wr_id=2711822"> <time class='font3'>[14분전]</time> <span class="subject singleLineText">중학생이 '딥페이크' 음란물 유포..경찰 수사 (2024.04.16/뉴스데스크/울산MBC) </span> <img class="icon" src="/img/new_icon_transparent.png" alt="new icon"> <span class='dummy'></span>  </a> </li> <li> <a href="../bbs/board.php?bo_table=etohumor06&wr_id=2711817"> <time class='font3'>[15분전]</time> <span class="subject singleLineText">쌍욕하는사람 교화시키는 디씨의 티타늄맨.jpg </span> <img class="icon" src="/img/new_icon_transparent.png" alt="new icon"> <span class='dummy'></span>  </a> </li> <li> <a href="../bbs/board.php?bo_table=etohumor06&wr_id=2711808"> <time class='font3'>[16분전]</time> <span class="subject singleLineText">안산 자동차 부품 공장 대표 끼임사고로 숨져.jpg </span> <img class="icon" src="/img/new_icon_transparent.png" alt="new icon"> <span class='dummy'></span>  </a> </li> <li> <a href="../bbs/board.php?bo_table=etohumor06&wr_id=2711804"> <time class='font3'>[17분전]</time> <span class="subject singleLineText">독립한 자녀의 집에 처음 놀러 간 부모님.gif </span> <img class="icon" src="/img/new_icon_transparent.png" alt="new icon"> <span class='dummy'></span>  </a> </li> <li> <a href="../bbs/board.php?bo_table=freebbs&wr_id=1593642"> <time class='font3'>[17분전]</time> <span class="subject singleLineText">오늘도 숨을 쉴수있어 감사하고있습니다.. </span> <img class="icon" src="/img/new_icon_transparent.png" alt="new icon"> <span class='dummy'></span>  </a> </li> <li> <a href="../bbs/board.php?bo_table=freebbs&wr_id=1593635"> <time class='font3'>[23분전]</time> <span class="subject singleLineText">디테일링 세차 맡길때 </span> <img class="icon" src="/img/new_icon_transparent.png" alt="new icon"> <span class='dummy'></span>  </a> </li> </ul> </article> </div> <script> // 스크롤 버튼 js코드 const upButton = document.getElementById("upButton"); const downButton = document.getElementById("downButton"); const towardCommentButton = document.getElementById("towardCommentButton"); upButton?.addEventListener("click", function() { window.scrollTo({ top: 0, behavior: "auto" }); }); downButton?.addEventListener("click", function() { window.scrollTo({ top: document.body.scrollHeight, behavior: "auto" }); }); // upDown의 width를 .wrap의 width와 같게 만들기 // const upDown = document.querySelector(".upDown"); // const wrap = document.querySelector(".renew_side_ad.right .wrap") || document.querySelector(".renew_side_ad.right .adsbygoogle"); // const hit_recent_single = document.querySelector(".hit_recent_single"); // if(wrap && upDown) { // upDown.style.width = wrap.offsetWidth + "px"; // } // if(hit_recent_single && wrap) { // hit_recent_single.style.width = wrap.offsetWidth + "px"; // } // if(wrap.offsetWidth < 170) { // upDown.style.padding = "3 3px"; // } // 댓글로 이동 버튼 // towardCommentButton.addEventListener("click", function() { // const commentContents = document.getElementById("commentContents"); // let offset = commentContents.offsetTop - 150; // window.scrollTo({ top: offset, behavior: "auto" }); // }); document.querySelectorAll(".lazyImg").forEach(el => { if (el.dataset.src) el.src = el.dataset.src; el.classList.remove("lazyImg"); }) </script></div> </main> <style> .share_bot{ display: flex; align-items: center; justify-content: center; margin-top:10px; } .share_bot > button { width: 100%; max-width: 220px; margin-right: auto; margin-left: auto; height: auto; display: block; background-color: transparent; padding: 8px 16px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border: 1px solid #ddd; cursor: pointer; } #share_popup{ display:inline-block; position: relative; } #share_popup *{ font-family: "Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif; } #share_popup{ border: 1px solid #219929; z-index: 10; position:absolute; background:#fff; top: 0; left: 0; border-radius: 3px; z-index: 10001; } #share_popup h4{ background-color: #219929; padding: 0 15px; color: white; height: 35px; line-height: 35px; margin: 0; font-size: 13px; } #share_popup .sns_share_list{ display: flex; gap: 15px; align-items: center; padding: 15px 15px; } #share_popup .sns_share_list > li{ display: flex; flex-direction: column; justify-content: center; gap: 9px; text-align: center; cursor: pointer; } #share_popup #sns_url_copy_wrap{ width: 100%; display: flex; justify-content: center; align-items: center; padding-bottom: 15px; } #share_popup #sns_url_copy_wrap > input:read-only{ background-color: #eee; height: 25px; width: 210px; border: 1px solid #ccc; padding: 0 5px; border-radius: 0; cursor: pointer; } #share_popup #sns_url_copy_wrap > input:focus-visible{ outline: none; } #share_popup #sns_url_copy_wrap > input+label{ height: 100%; border: 1px solid #ccc; height: 25px; padding: 0 5px; border-left: none; line-height: 23px; cursor: pointer; } </style> <div id='share_popup' class="dn"> <div> <div style="position:relative;"> <h4> 공유하기 </h4> <i class="xi-close" style="position: absolute; top:10px; right:10px; font-size:15px; font-weight:bold; color:white; cursor:pointer" onclick="this.closest('#share_popup').classList.add('dn')"></i> </div> <ul class="sns_share_list"> <li onclick="sns_share('kakao', '')" id="kakao-link-btn"> <img src="/img/icon/sns_kakao.png?v2" width=55 height=55 alt="공유하기"> <span>카카오톡</span> </li> <li onclick="sns_share('facebook', '')"> <img src="/img/icon/sns_facebook.png?v2" width=55 height=55 alt="공유하기"> <span>페이스북</span> </li> <li onclick="sns_share('twitter', '')"> <img src="/img/icon/sns_twitter.png?v2" width=55 height=55 alt="공유하기"> <span>트위터</span> </li> <li onclick="sns_share('scrap', '../plugin/scrap/ajax_scrap_update.php')"> <img src="/img/icon/sns_etoland.png?v2" width=55 height=55 alt="공유하기"> <span>스크랩</span> </li> </ul> <div id="sns_url_copy_wrap"> <input type="text" id='urlPaste' value='https://www.etoland.co.kr/bbs/board.php?bo_table=star&wr_id=1632087' readonly> <label for="">URL 복사</label> </div> </div> </div> <link rel="stylesheet" href="../module/menu/css/pc_bottom_menu.min.css?1705994003"> <style> nav#bottom_total_menu { grid-template-columns: repeat(7, auto); } /* nav#bottom_total_menu div.menu_box:last-child { border-right: none; } */ /* nav#bottom_total_menu div.menu_box:nth-last-child(2){ border-right: none; } */ </style> <nav id="bottom_total_menu"> <div class="menu_box double_row "> <h3 class="menu_title"> 인기 </h3> <ul class="menu_list"> <li class="menu_item "> <a href="/bbs/hit.php" target="" class="menu_link" title="🔥HIT인기"> <span class="hit menu_name">🔥HIT인기</span> <span class="cmt"> 407</span> </a> </li> <li class="menu_item "> <img src="/img/icon/menu/new_badge.svg" alt="새글" loading="lazy"> <a href="/bbs/new2.php" target="" class="menu_link" title="최신글"> <span class="new2 menu_name">최신글</span> <span class="cmt"> 2007</span> </a> </li> <li class="menu_item "> <a href="/check/index.php" target="" class="menu_link" title="출석체크"> <span class=" menu_name">출석체크</span> </a> </li> </ul> </div> <div class="menu_box double_row "> <h3 class="menu_title"> 자유 </h3> <ul class="menu_list"> <li class="menu_item "> <a href="/bbs/board.php?bo_table=freebbs" target="" class="menu_link" title="자유게시판"> <span class="freebbs menu_name">자유게시판</span> <span class="cmt"> 135</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=freebbs&sca=%B0%ED%B9%CE%BB%F3%B4%E3" target="" class="menu_link" title="고민상담"> <span class="freebbs-고민상담 menu_name">고민상담</span> <span class="cmt"> 6</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=sisabbs01" target="" class="menu_link" title="시사게시판"> <span class="sisabbs01 menu_name">시사게시판</span> <span class="cmt"> 182</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=19counsel" target="" class="menu_link" title="익명게시판"> <span class="19counsel menu_name">익명게시판</span> <span class="cmt"> 18</span> </a> </li> </ul> </div> <div class="menu_box double_row "> <h3 class="menu_title"> 유머 </h3> <ul class="menu_list"> <li class="menu_item "> <a href="/bbs/board.php?bo_table=etohumor06" target="" class="menu_link" title="유머게시판"> <span class="etohumor06 menu_name">유머게시판</span> <span class="cmt"> 554</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=etohumor06&sca=%C0%AF%B8%D3" target="" class="menu_link" title="유머"> <span class="etohumor06-유머 menu_name">유머</span> <span class="cmt"> 220</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=etohumor06&sca=%C1%A4%BA%B8" target="" class="menu_link" title="정보"> <span class="etohumor06-정보 menu_name">정보</span> <span class="cmt"> 17</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=etohumor06&sca=%B0%A8%B5%BF" target="" class="menu_link" title="감동"> <span class="etohumor06-감동 menu_name">감동</span> <span class="cmt"> 9</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=etohumor06&sca=%B5%BF%B9%B0" target="" class="menu_link" title="동물"> <span class="etohumor06-동물 menu_name">동물</span> <span class="cmt"> 39</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=etohumor06&sca=%BF%B1%B1%E2" target="" class="menu_link" title="엽기"> <span class="etohumor06-엽기 menu_name">엽기</span> <span class="cmt"> 14</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=etohumor06&sca=%BA%ED%B9%DA" target="" class="menu_link" title="블박"> <span class="etohumor06-블박 menu_name">블박</span> <span class="cmt"> 8</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=etohumor06&sca=%C0%BD%BD%C4" target="" class="menu_link" title="음식"> <span class="etohumor06-음식 menu_name">음식</span> <span class="cmt"> 12</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=etohumor06&sca=%BC%F4%C3%F7" target="" class="menu_link" title="숏츠"> <span class="etohumor06-숏츠 menu_name">숏츠</span> <span class="cmt"> 6</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=etohumor06&sca=%BF%B5%BB%F3" target="" class="menu_link" title="영상"> <span class="etohumor06-영상 menu_name">영상</span> <span class="cmt"> 9</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=etohumor06&sca=%C8%C4%B9%E6" target="" class="menu_link" title="후방"> <span class="etohumor06-후방 menu_name">후방</span> <span class="cmt"> 53</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=etohumor06&sca=%BB%E7%C8%B8" target="" class="menu_link" title="사회"> <span class="etohumor06-사회 menu_name">사회</span> <span class="cmt"> 68</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=etohumor06&sca=%B1%E2%C5%B8" target="" class="menu_link" title="기타"> <span class="etohumor06-기타 menu_name">기타</span> <span class="cmt"> 99</span> </a> </li> </ul> </div> <div class="menu_box double_row "> <h3 class="menu_title"> 연예인 </h3> <ul class="menu_list"> <li class="menu_item "> <a href="/bbs/board.php?bo_table=star01" target="" class="menu_link" title="연예인"> <span class="star01 menu_name">연예인</span> <span class="cmt"> 273</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=infl" target="" class="menu_link" title="인플루언서"> <span class="infl menu_name">인플루언서</span> <span class="cmt"> 84</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=star_mv" target="" class="menu_link" title="영상직캠"> <span class="star_mv menu_name">영상직캠</span> <span class="cmt"> 52</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=star_asia" target="" class="menu_link" title="동양연예인"> <span class="star_asia menu_name">동양연예인</span> <span class="cmt"> 33</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=star_world" target="" class="menu_link" title="서양연예인"> <span class="star_world menu_name">서양연예인</span> <span class="cmt"> 21</span> </a> </li> </ul> </div> <div class="menu_box full_row "> <h3 class="menu_title"> 컨텐츠 </h3> <ul class="menu_list"> <li class="menu_item "> <a href="/bbs/board.php?bo_table=movie" target="" class="menu_link" title="영화"> <span class="movie menu_name">영화</span> <span class="cmt"> 10</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=tv" target="" class="menu_link" title="OTT"> <span class="tv menu_name">OTT</span> <span class="cmt"> 8</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=any" target="" class="menu_link" title="애니"> <span class="any menu_name">애니</span> <span class="cmt"> 2</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=hot" target="" class="menu_link" title="핫딜정보"> <span class="hot menu_name">핫딜정보</span> <span class="cmt"> 47</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=car" target="" class="menu_link" title="자동차"> <span class="car menu_name">자동차</span> <span class="cmt"> 5</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=com" target="" class="menu_link" title="컴퓨터"> <span class="com menu_name">컴퓨터</span> <span class="cmt"> 10</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=smart1" target="" class="menu_link" title="스마트기기"> <span class="smart1 menu_name">스마트기기</span> <span class="cmt"> 4</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=gamepc" target="" class="menu_link" title="게임"> <span class="gamepc menu_name">게임</span> <span class="cmt"> 6</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=book" target="" class="menu_link" title="도서"> <span class="book menu_name">도서</span> <span class="cmt"> 2</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=mana" target="" class="menu_link" title="만화"> <span class="mana menu_name">만화</span> <span class="cmt"> 14</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=novelpia" target="" class="menu_link" title="웹만화"> <span class="novelpia menu_name">웹만화</span> <span class="cmt"> 5</span> </a> </li> </ul> </div> <div class="menu_box double_row "> <h3 class="menu_title"> 스포츠 </h3> <ul class="menu_list"> <li class="menu_item "> <a href="/bbs/board.php?bo_table=football" target="" class="menu_link" title="축구"> <span class="football menu_name">축구</span> <span class="cmt"> 17</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=baseball" target="" class="menu_link" title="야구"> <span class="baseball menu_name">야구</span> <span class="cmt"> 21</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=basketball" target="" class="menu_link" title="농구"> <span class="basketball menu_name">농구</span> <span class="cmt"> 4</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=mma" target="" class="menu_link" title="격투기"> <span class="mma menu_name">격투기</span> <span class="cmt"> 3</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=golf" target="" class="menu_link" title="골프"> <span class="golf menu_name">골프</span> <span class="cmt"> 1</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=sport1" target="" class="menu_link" title="스포츠"> <span class="sport1 menu_name">스포츠</span> <span class="cmt"> 7</span> </a> </li> </ul> </div> <div class="menu_box full_row "> <h3 class="menu_title"> 커뮤니티 </h3> <ul class="menu_list"> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=land" target="" class="menu_link" title="부동산"> <span class="land menu_name">부동산</span> <span class="cmt"> 12</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=stock" target="" class="menu_link" title="주식"> <span class="stock menu_name">주식</span> <span class="cmt"> 22</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=coin" target="" class="menu_link" title="코인"> <span class="coin menu_name">코인</span> <span class="cmt"> 9</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=science" target="" class="menu_link" title="과학"> <span class="science menu_name">과학</span> <span class="cmt"> 5</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=aichat" target="" class="menu_link" title="AI챗"> <span class="aichat menu_name">AI챗</span> <span class="cmt"> 70</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=ai" target="" class="menu_link" title="AI"> <span class="ai menu_name">AI</span> <span class="cmt"> 3</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=zen" target="" class="menu_link" title="코스프레"> <span class="zen menu_name">코스프레</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=history" target="" class="menu_link" title="역사"> <span class="history menu_name">역사</span> <span class="cmt"> 3</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=war" target="" class="menu_link" title="군사"> <span class="war menu_name">군사</span> <span class="cmt"> 3</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=eto_qna" target="" class="menu_link" title="지식iN"> <span class="eto_qna menu_name">지식iN</span> <span class="cmt"> 5</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=eto_job" target="" class="menu_link" title="재능iN"> <span class="eto_job menu_name">재능iN</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=animal01" target="" class="menu_link" title="반려동물"> <span class="animal01 menu_name">반려동물</span> <span class="cmt"> 1</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=best10" target="" class="menu_link" title="베스트순위"> <span class="best10 menu_name">베스트순위</span> <span class="cmt"> 1</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=mat" target="" class="menu_link" title="맛집/요리"> <span class="mat menu_name">맛집/요리</span> <span class="cmt"> 3</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=travel" target="" class="menu_link" title="여행"> <span class="travel menu_name">여행</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=market" target="" class="menu_link" title="중고장터"> <span class="market menu_name">중고장터</span> <span class="cmt"> 12</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=eto_join" target="" class="menu_link" title="가입인사"> <span class="eto_join menu_name">가입인사</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=wallpaper" target="" class="menu_link" title="바탕화면"> <span class="wallpaper menu_name">바탕화면</span> <span class="cmt"> 16</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=video" target="" class="menu_link" title="동영상"> <span class="video menu_name">동영상</span> <span class="cmt"> 10</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=music" target="" class="menu_link" title="음악"> <span class="music menu_name">음악</span> <span class="cmt"> 26</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=zzal" target="" class="menu_link" title="짤방"> <span class="zzal menu_name">짤방</span> <span class="cmt"> 1</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=game2" target="" class="menu_link" title="모바일게임"> <span class="game2 menu_name">모바일게임</span> <span class="cmt"> 3</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=class_up" target="" class="menu_link" title="진급인사"> <span class="class_up menu_name">진급인사</span> <span class="cmt"> 15</span> </a> </li> <li class="menu_item single_column"> <a href="/bbs/board.php?bo_table=free_data" target="" class="menu_link" title="공개자료실"> <span class="free_data menu_name">공개자료실</span> <span class="cmt"> 4</span> </a> </li> <li class="menu_item single_column"> <a href="/module/old_board.php" target="" class="menu_link" title="예전게시판"> <span class=" menu_name">예전게시판</span> </a> </li> <li class="menu_item single_column"> <a href="/rel.php" target="" class="menu_link" title="릴리즈정보"> <span class=" menu_name">릴리즈정보</span> </a> </li> </ul> </div> <div class="menu_box single_row "> <h3 class="menu_title"> 오징어랜드 </h3> <ul class="menu_list"> <li class="menu_item "> <img src="/img/icon/menu/company/coupang.svg" alt="쿠팡특가" loading="lazy"> <a href="/bbs/board.php?bo_table=coupang" target="" class="menu_link" title="쿠팡특가"> <span class=" menu_name">쿠팡특가</span> </a> </li> <li class="menu_item "> <img src="/img/icon/menu/eto_icon.svg" alt="럭키찬스" loading="lazy"> <a href="/bbs/board.php?bo_table=event" target="" class="menu_link" title="럭키찬스"> <span class=" menu_name">럭키찬스</span> </a> </li> <li class="menu_item "> <img src="/img/icon/menu/company/toptoon.svg" alt="탑툰" loading="lazy"> <a href="/bbs/sponsor.php?num=1" target="_blank" class="menu_link" title="탑툰"> <span class=" menu_name">탑툰</span> </a> </li> </ul> </div> <div class="menu_box full_row "> <h3 class="menu_title"> 알뜰공간 </h3> <ul class="menu_list"> <li class="menu_item "> <a href="/bbs/board.php?bo_table=market_internet" target="" class="menu_link" title="인터넷상담"> <span class="market_internet menu_name">인터넷상담</span> <span class="cmt"> 1</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=market_phone" target="" class="menu_link" title="휴대폰상담"> <span class="market_phone menu_name">휴대폰상담</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=insu" target="" class="menu_link" title="보험상담실"> <span class="insu menu_name">보험상담실</span> <span class="cmt"> 1</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=store" target="" class="menu_link" title="비밀상점"> <span class="store menu_name">비밀상점</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=computer1" target="" class="menu_link" title="컴퓨터견적"> <span class="computer1 menu_name">컴퓨터견적</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=market_rental" target="" class="menu_link" title="렌탈상담실"> <span class="market_rental menu_name">렌탈상담실</span> <span class="cmt"> 5</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=market_car1" target="" class="menu_link" title="중고차상담"> <span class="market_car1 menu_name">중고차상담</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=eto" target="" class="menu_link" title="eTo후기"> <span class="eto menu_name">eTo후기</span> </a> </li> </ul> </div> <div class="menu_box full_row no_right_border"> <h3 class="menu_title"> 이토공간 </h3> <ul class="menu_list"> <li class="menu_item "> <a href="/bbs/board.php?bo_table=point1" target="" class="menu_link" title="무료충전소"> <span class=" menu_name">무료충전소</span> </a> </li> <li class="menu_item "> <a href="/bbs/egg.php" target="" class="menu_link" title="알포인트"> <span class=" menu_name">알포인트</span> </a> </li> <li class="menu_item "> <a href="/pages/gift_history.php" target="" class="menu_link" title="(알)포인트선물"> <span class=" menu_name">(알)포인트선물</span> </a> </li> <li class="menu_item "> <a href="/slot/game.php" target="" class="menu_link" title="포인트슬롯"> <span class=" menu_name">포인트슬롯</span> </a> </li> <li class="menu_item "> <a href="/plugin/rps/index.php" target="" class="menu_link" title="가위바위보"> <span class=" menu_name">가위바위보</span> </a> </li> <li class="menu_item "> <a href="/plugin/gamecar/index.php" target="" class="menu_link" title="자동차경주"> <span class=" menu_name">자동차경주</span> </a> </li> <li class="menu_item "> <a href="/bbs/point_rank.php" target="" class="menu_link" title="포인트순위"> <span class=" menu_name">포인트순위</span> </a> </li> <li class="menu_item "> <a href="/bbs/company_point.php" target="" class="menu_link" title="포인트정책"> <span class=" menu_name">포인트정책</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=point" target="" class="menu_link" title="ⓟ놀이터"> <span class="point menu_name">ⓟ놀이터</span> <span class="cmt"> 62</span> </a> </li> <li class="menu_item "> <a href="/bbs/board.php?bo_table=eto_notice" target="" class="menu_link" title="공지사항"> <span class="eto_notice menu_name">공지사항</span> </a> </li> </ul> </div> </nav> <footer class="v2_footer"> <div class="v3_footer_wrap"> <div class="link"> <ul style="align-items: center;"> <li><a href="../pages/copy.php?copy_type=b01" title="이용약관">이용약관</a></li><li><a href="../pages/copy.php?copy_type=b02" title="개인정보취급방침">개인정보취급방침</a></li><li><a href="../pages/copy.php?copy_type=ad" title="광고제휴">광고제휴</a></li><li><a href="../pages/copy.php?copy_type=b03" title="책임의한계와법적고지">책임의한계와법적고지</a></li><li><a href="../pages/copy.php?copy_type=copyright" title="저작권보호센터">저작권보호센터</a></li><li><a href="../pages/copy.php?copy_type=youth" title="청소년보호정책">청소년보호정책</a></li><li><a href="../pages/point.php?point_type=company" title="포인트적립 및 계급정책안내">포인트적립 및 계급정책안내</a></li><li><a href="../bbs/board.php?bo_table=eto_notice" title="공지사항">공지사항</a></li><li><a href="../bbs/board.php?bo_table=free" title="문의사항">문의사항</a></li> <li><span class="saving_mode_button">다크모드</span></li> <li><span class="v2_footer_top_btn">맨위로</li> <li style="pointer-events: none; display: inline-flex; align-items: center;gap: 4px;"> <span style="font-size: 12px; font-family: Gulim; color:#666; cursor: default;"> 현재 접속자 </span> <script id="_waugmb"> var _wau = _wau || []; _wau.push(["small", "xna3pd9amf", "gmb"]); (function() {var s=document.createElement("script"); s.async=true; s.src="//widgets.amung.us/small.js"; document.getElementsByTagName("head")[0].appendChild(s); })(); </script> </li> </ul> </div> <div class="address"> <address>(주)컨택트 | 사업자등록번호 : 861-87-01161 | 통신판매업신고 : 제2019-서울금천-0109호 | 서울 금천구 가산디지털1로 58 에이스 한솔타워 지식산업센터</address> <div>Copyright © <a href="https://www.etoland.co.kr" title="etoland" class="under">eToLAND</a> All Rights Reserved. 전자우편 <a href="mailto:etoland3@gmail.com" title="email">etoland3@gmail.com</a></div> </div> </div> <div class='concurrent_users' style="height: 0; overflow: hidden;" > </div> </footer> <div id="login_popup"> <link rel="stylesheet" href="../css/login.min.css?1687938240" type="text/css"> <script type="text/javascript" src="../js/capslock.js"></script> <form action="" style="display: none;"></form> <section id="pcLogin"> <form method="post" name="login_popup" onsubmit="return fhead_submit(this);"> <input type="hidden" name="url" id="login_popup_url" value="https://www.etoland.co.kr%2Fbbs%2Fboard.php%3Fbo_table%3Dstar%26wr_id%3D1632087"> <h2 id="login_title" style='margin-top:10px; margin-bottom:25px;'> <img src="/renewal/img/et_logo_v2.svg" alt="이토랜드 로고"> </h2> <input type="text" name="mb_id" maxlength="20" class="login" value="" placeholder="아이디 입력" required autocomplete="off"> <div class="pw_input_box"> <input type="password" name="mb_password" id="mb_password2" maxlength="20" class="login" placeholder='패스워드 입력' required autocomplete="off"> <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="view_pw" data-value='off' onclick="view_password(this, 'mb_password2')"> <path d="M4.10156 3.29297C5.33203 2.36328 6.86328 1.625 8.75 1.625C10.9375 1.625 12.7148 2.63672 14 3.83984C15.2852 5.01562 16.1328 6.4375 16.543 7.42188C16.625 7.64062 16.625 7.88672 16.543 8.10547C16.1875 8.98047 15.4492 10.2383 14.3555 11.332L17.2266 13.6016C17.5273 13.8203 17.582 14.2305 17.3359 14.5039C17.1172 14.8047 16.707 14.8594 16.4336 14.6133L0.246094 1.92578C-0.0546875 1.70703 -0.109375 1.29688 0.136719 1.02344C0.355469 0.722656 0.765625 0.667969 1.03906 0.914062L4.10156 3.29297ZM5.16797 4.14062L6.42578 5.125C7.05469 4.57812 7.84766 4.25 8.75 4.25C10.6641 4.25 12.25 5.83594 12.25 7.75C12.25 8.35156 12.0859 8.89844 11.8398 9.36328L13.3164 10.5117C14.2461 9.58203 14.9023 8.51562 15.2578 7.75C14.875 6.92969 14.1641 5.78125 13.0977 4.79688C11.9766 3.75781 10.5273 2.9375 8.75 2.9375C7.35547 2.9375 6.15234 3.42969 5.16797 4.14062ZM10.7734 8.54297C10.8828 8.29688 10.9375 8.02344 10.9375 7.75C10.9375 6.54688 9.95312 5.5625 8.75 5.5625C8.72266 5.5625 8.69531 5.5625 8.66797 5.5625C8.72266 5.72656 8.75 5.86328 8.75 6C8.75 6.30078 8.66797 6.54688 8.55859 6.79297L10.7734 8.54297ZM11.0469 12.0977L12.1953 13C11.1836 13.5469 10.0352 13.875 8.75 13.875C6.53516 13.875 4.75781 12.8906 3.47266 11.6875C2.1875 10.4844 1.33984 9.0625 0.929688 8.10547C0.847656 7.88672 0.847656 7.64062 0.929688 7.42188C1.20312 6.79297 1.64062 6 2.26953 5.17969L3.28125 6C2.78906 6.62891 2.43359 7.25781 2.21484 7.75C2.59766 8.57031 3.30859 9.74609 4.375 10.7305C5.49609 11.7695 6.94531 12.5625 8.75 12.5625C9.57031 12.5625 10.3359 12.3984 11.0469 12.0977ZM5.25 7.75C5.25 7.69531 5.25 7.61328 5.25 7.53125L6.78125 8.73438C7.05469 9.30859 7.60156 9.74609 8.25781 9.88281L9.78906 11.1133C9.46094 11.1953 9.10547 11.25 8.72266 11.25C6.80859 11.25 5.22266 9.69141 5.22266 7.75H5.25Z" fill="#808080"/> </svg> <svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg" class="view_pw dn" data-value='on' onclick="view_password(this, 'mb_password2')"> <path d="M5.375 6.75C5.375 4.83594 6.93359 3.25 8.875 3.25C10.7891 3.25 12.375 4.83594 12.375 6.75C12.375 8.69141 10.7891 10.25 8.875 10.25C6.93359 10.25 5.375 8.69141 5.375 6.75ZM8.875 8.9375C10.0781 8.9375 11.0625 7.98047 11.0625 6.75C11.0625 5.54688 10.0781 4.5625 8.875 4.5625C8.84766 4.5625 8.82031 4.5625 8.79297 4.5625C8.84766 4.72656 8.875 4.86328 8.875 5C8.875 5.98438 8.08203 6.75 7.125 6.75C6.96094 6.75 6.82422 6.75 6.6875 6.69531C6.6875 6.72266 6.6875 6.75 6.6875 6.75C6.6875 7.98047 7.64453 8.9375 8.875 8.9375ZM3.59766 2.83984C4.88281 1.63672 6.66016 0.625 8.875 0.625C11.0625 0.625 12.8398 1.63672 14.125 2.83984C15.4102 4.01562 16.2578 5.4375 16.668 6.42188C16.75 6.64062 16.75 6.88672 16.668 7.10547C16.2578 8.0625 15.4102 9.48438 14.125 10.6875C12.8398 11.8906 11.0625 12.875 8.875 12.875C6.66016 12.875 4.88281 11.8906 3.59766 10.6875C2.3125 9.48438 1.46484 8.0625 1.05469 7.10547C0.972656 6.88672 0.972656 6.64062 1.05469 6.42188C1.46484 5.4375 2.3125 4.01562 3.59766 2.83984ZM8.875 1.9375C7.07031 1.9375 5.62109 2.75781 4.5 3.79688C3.43359 4.78125 2.72266 5.92969 2.33984 6.75C2.72266 7.57031 3.43359 8.74609 4.5 9.73047C5.62109 10.7695 7.07031 11.5625 8.875 11.5625C10.6523 11.5625 12.1016 10.7695 13.2227 9.73047C14.2891 8.74609 15 7.57031 15.3828 6.75C15 5.92969 14.2891 4.78125 13.2227 3.79688C12.1016 2.75781 10.6523 1.9375 8.875 1.9375Z" fill="#808080"/> </svg> </div> <div style="display:flex; justify-content: space-between; width: 100%;"> <div class='auto_login_zone'> <input type="checkbox" id='auto_login' name="auto_login" value="1" onclick="autologin_check_v2(this)"> <label for="auto_login">자동로그인</label> </div> <div style="display:inline-flex; gap:12px;"> <span class="findBtn" onClick="win_password_lost();">계정 찾기</span> <a class="joinBtn" href="../bbs/register.php" title="회원가입">회원가입</a> </div> </div> <div class='btn_box'> <button type="submit" class='bigLoginBtn'>로그인</button> </div> </form> <div style='margin: 10px 0;' class='division_line'> <span class="text">소셜로그인</span> </div> <div class='socialZone'> <a href="../plugin/social_login/router/oauth_router.php?social=kakao&url=https://www.etoland.co.kr%2Fbbs%2Fboard.php%3Fbo_table%3Dstar%26wr_id%3D1632087" class='kakaoLoginBtn socialLoginBtn'> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 0C4.0294 0 0 3.29476 0 7.35897C0 9.98658 1.68456 12.2922 4.21858 13.5941C4.08072 14.0871 3.33268 16.766 3.30291 16.9764C3.30291 16.9764 3.285 17.1346 3.38374 17.1949C3.48248 17.2552 3.59862 17.2083 3.59862 17.2083C3.88177 17.1673 6.88214 14.9817 7.40146 14.6022C7.92026 14.6784 8.45446 14.7179 9 14.7179C13.9706 14.7179 18 11.4233 18 7.35897C18 3.29476 13.9706 0 9 0Z" fill="black"/> <path d="M4.024 9.92766C3.73765 9.92766 3.50477 9.69702 3.50477 9.41343V6.21452H2.6946C2.41361 6.21452 2.18506 5.97796 2.18506 5.68728C2.18506 5.3966 2.41369 5.16003 2.6946 5.16003H5.3534C5.63439 5.16003 5.86294 5.3966 5.86294 5.68728C5.86294 5.97796 5.63431 6.21452 5.3534 6.21452H4.54323V9.41343C4.54323 9.69702 4.31036 9.92766 4.024 9.92766ZM8.57696 9.92066C8.36044 9.92066 8.19481 9.82948 8.14488 9.68284L7.88777 8.98482L6.30446 8.98473L6.04718 9.6832C5.99742 9.82957 5.83188 9.92066 5.61536 9.92066C5.50147 9.92078 5.38889 9.89544 5.2853 9.84635C5.14216 9.77788 5.00457 9.5896 5.16224 9.08174L6.40424 5.69159C6.49173 5.43375 6.75749 5.16811 7.09568 5.16012C7.43483 5.16802 7.70059 5.43375 7.78825 5.69212L9.02973 9.08075C9.18775 9.58978 9.05015 9.77815 8.90702 9.84644C8.80341 9.89544 8.69084 9.92075 8.57696 9.92066C8.57696 9.92066 8.57688 9.92066 8.57696 9.92066ZM7.61474 8.03102L7.09612 6.50314L6.57749 8.03102H7.61474ZM9.86535 9.84914C9.59093 9.84914 9.36775 9.62765 9.36775 9.35555V5.6985C9.36775 5.40153 9.60556 5.16003 9.8978 5.16003C10.19 5.16003 10.4278 5.40153 10.4278 5.6985V8.86196H11.5312C11.8056 8.86196 12.0288 9.08344 12.0288 9.35555C12.0288 9.62765 11.8056 9.84914 11.5312 9.84914H9.86535ZM12.75 9.92066C12.4637 9.92066 12.2308 9.67916 12.2308 9.3822V5.6985C12.2308 5.40153 12.4637 5.16003 12.75 5.16003C13.0364 5.16003 13.2692 5.40153 13.2692 5.6985V6.85583L14.7179 5.35352C14.7924 5.27625 14.8948 5.23371 15.0059 5.23371C15.1355 5.23371 15.2657 5.29169 15.3632 5.39274C15.4542 5.48697 15.5084 5.60821 15.5159 5.73412C15.5234 5.86111 15.4826 5.97751 15.4013 6.06196L14.2181 7.28884L15.4961 9.04476C15.5374 9.1011 15.5675 9.16537 15.5846 9.23385C15.6017 9.30233 15.6055 9.37365 15.5958 9.44367C15.5866 9.51374 15.564 9.58121 15.5294 9.64217C15.4948 9.70313 15.4489 9.75636 15.3944 9.79879C15.3046 9.86957 15.1948 9.90775 15.0821 9.90747C15.0016 9.90786 14.9222 9.8887 14.8502 9.85153C14.7781 9.81436 14.7155 9.76022 14.6673 9.69343L13.4496 8.02025L13.2694 8.2071V9.38193C13.2693 9.52475 13.2145 9.66166 13.1171 9.76266C13.0198 9.86365 12.8877 9.92047 12.75 9.92066Z" fill="#FFE812"/> </svg> <span> 카카오톡 계정으로 로그인 </span> </a> <a href="../plugin/social_login/router/oauth_router.php?social=google&url=https://www.etoland.co.kr%2Fbbs%2Fboard.php%3Fbo_table%3Dstar%26wr_id%3D1632087" class='googleLoginBtn socialLoginBtn'> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.64 9.20456C17.64 8.56637 17.5827 7.95274 17.4764 7.36365H9V10.845H13.8436C13.635 11.97 13.0009 12.9232 12.0477 13.5614V15.8196H14.9564C16.6582 14.2527 17.64 11.9455 17.64 9.20456Z" fill="#4285F4"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M9 18C11.43 18 13.4673 17.1941 14.9564 15.8195L12.0477 13.5613C11.2418 14.1013 10.2109 14.4204 9 14.4204C6.65591 14.4204 4.67182 12.8372 3.96409 10.71H0.957275V13.0418C2.43818 15.9831 5.48182 18 9 18Z" fill="#34A853"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.96409 10.7099C3.78409 10.1699 3.68182 9.59313 3.68182 8.99995C3.68182 8.40677 3.78409 7.82995 3.96409 7.28995V4.95813H0.957273C0.347727 6.17313 0 7.54768 0 8.99995C0 10.4522 0.347727 11.8268 0.957273 13.0418L3.96409 10.7099Z" fill="#FBBC05"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M9 3.57955C10.3214 3.57955 11.5077 4.03364 12.4405 4.92545L15.0218 2.34409C13.4632 0.891818 11.4259 0 9 0C5.48182 0 2.43818 2.01682 0.957275 4.95818L3.96409 7.29C4.67182 5.16273 6.65591 3.57955 9 3.57955Z" fill="#EA4335"/> </svg> <span> 구글 계정으로 로그인 </span> </a> </div> </section> </div> <style> #login_popup { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; z-index: 9999; display: none; align-items: center; justify-content: center; } #login_popup>#pcLogin { background: #fff; } .darkTheme #login_popup>#pcLogin { background-color: #121212; } .darkTheme #pcLogin input[type=text]:-webkit-autofill, .darkTheme #pcLogin input[type=text]:-webkit-autofill:hover, .darkTheme #pcLogin input[type=text]:-webkit-autofill:focus, .darkTheme #pcLogin input[type=text]:-webkit-autofill:active, .darkTheme #pcLogin input[type=password]:-webkit-autofill, .darkTheme #pcLogin input[type=password]:-webkit-autofill:hover, .darkTheme #pcLogin input[type=password]:-webkit-autofill:focus, .darkTheme #pcLogin input[type=password]:-webkit-autofill:active { -webkit-text-fill-color: #fff !important; -webkit-box-shadow: 0 0 0px 1000px #333 inset !important; } </style> <script> if (document.getElementById('login_popup')) { const url_input = document.getElementById('login_popup_url'); document.querySelectorAll('.login_popup_btn').forEach(function(el) { el.addEventListener('click', function() { if (el.id) { url_input.value += '#' + el.id; document.querySelectorAll('#pcLogin .socialLoginBtn').forEach(el => { el.href += '#' + el.id; }) } document.getElementById('login_popup').style.display = 'flex'; }) }) document.getElementById("login_popup").addEventListener('click', e => { if (e.currentTarget !== e.target) return; url_input.value = url_input.value.split('#')[0]; document.querySelectorAll('#pcLogin .socialLoginBtn').forEach(el => { el.href = el.href.split('#')[0]; }) e.target.style.display = 'none'; }) } </script> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if (!wcs_add) var wcs_add = {}; wcs_add["wa"] = "312d7d5c2ea7a4"; if (window.wcs) { wcs_do(); } </script> <script type="text/javascript"> let v2_footer_top_btn = document.querySelector(".v2_footer_top_btn"); v2_footer_top_btn.addEventListener("click", function() { window.scrollTo(0, 0); return false; }); /* $('.saving_mode_div').click(function(){ saving_mode(); $('.saving_mode_div').off('click'); }); */ $('.saving_mode_button').click(function() { saving_mode(); $('.saving_mode_button').off('click'); }); function saving_mode() { var sw = ''; $.ajax({ url: "../ajax_saving_mode.php", type: "POST", dataType: "text", data: { sw: sw }, success: function(res) { window.location.reload(); }, error: function(err) { console.error(err); } }); } </script> <script src="//developers.kakao.com/sdk/js/kakao.min.js"></script> <script type="text/javascript"> //document.getElementById('v2_menu_sub2_latest').addEventListener("click", function(){ v2MenuOver('latest', 'localstorage'); }); //document.getElementById('v2_menu_sub2_rank').addEventListener("click", function(){ v2MenuOver('rank', 'ajax'); }); //document.getElementById('v2_top_menu_right_latest').addEventListener("mouseover", function(){ v2MenuOver('latest', 'localstorage'); }); //document.getElementById('v2_top_menu_right_rank').addEventListener("mouseover", function(){ v2MenuOver('rank', 'ajax'); }); //document.getElementById('v2_menu_sub2').addEventListener("mouseleave", function(){ v2MenuSetClear(); }); document.getElementById('v2_menu_sub2_commu').addEventListener("mouseover", (e) => { const totalMenu = document.querySelector('#totalListMenu'); if (totalMenu) { totalMenu.classList.add('v2_menu_more_sub'); } }); // document.getElementById('v2_menu_more_sub2_commu').addEventListener("mouseleave", function(){ v2MenuOver2('commu'); }); document.getElementById("sns_url_copy_wrap").addEventListener("click", e => { let a = document.getElementById("urlPaste").select(); let copy = document.execCommand('copy'); if(copy){ alert('URL이 복사 되었습니다.'); } }) // // 사용할 앱의 JavaScript 키를 설정해 주세요. // // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다. Kakao.init('7365f81fbd180b8c1b7bc68750dea982'); Kakao.Link.createDefaultButton({ container: '#kakao-link-btn', objectType: 'feed', content: { title: `무대위의 레드벨벳 조이.avi`, description: `이 브라우저는 비디오태그를 지원하지 않습니다. 크롬을 사용 권장합니다. </iframe&gt </iframe&g`, imageUrl: `/module/resize/resize.php?w=400&h=200&src=`, link: { mobileWebUrl: `https://www.etoland.co.kr/bbs/board.php?bo_table=star&wr_id=1632087`, webUrl: `https://www.etoland.co.kr/bbs/board.php?bo_table=star&wr_id=1632087` } } }); function sns_share(type, url) { let width = 640; let height = 500; switch (type) { case 'facebook': open_url = `http://www.facebook.com/sharer/sharer.php?u=${url}`; width = 450; height = 600 break; case 'twitter': open_url = `https://etoland.co.kr/plugin/outlink/twitter_share.php?text=${document.title}&url=${url}`; break; case 'scrap': $.ajax({ url, type: "POST", data: { bo_table: "star", wr_id: "1632087", }, success: function(res) { let result = false; if (res == 'ok') { result = confirm("이 글을 스크랩 하였습니다. 지금 스크랩을 확인하시겠습니까?"); } else if (res == '2') { result = confirm('이미 스크랩하신 글 입니다. 지금 스크랩을 확인하시겠습니까?'); } if (result) { location.href = '/bbs/mypage.php?mb_str=&type=scrap'; } } }) return; break; case 'kakao': return; break; default: break; } const left = (document.body.clientWidth - width) / 2; window.open(open_url, type, `top=200px, left=${left}px,height=${height}px, width=${width}px`); } function sns_share_popup(el) { let coord = el.getBoundingClientRect(); let container = document.querySelector("body").getBoundingClientRect(); let x = coord.x - container.x + ((el.clientWidth - 300) / 2); let y = coord.y - container.y + el.clientHeight - 210; const popup = document.getElementById("share_popup"); popup.style.left = `${x}px`; popup.style.top = `${y}px`; popup.classList.remove('dn'); } // 알포인트 뱃지 클릭시 설명 레이어 /* (() => { document.querySelectorAll(".egg_point_badge").forEach(el => { const text = `- 알포인트는 이토랜드에서 활동시 지급되는 캐시포인트 입니다.<br/> - 게시물 작성후 인기게시판 이동시 지급됩니다.<br/> - 댓글 작성시 일정확률로 지급됩니다.<br/> - 적립한 알포인트는 다양하게 사용이 가능합니다.<br/> - 부정행위 획득시 알포인트는 회수됩니다.<br/> - <a href='/bbs/egg.php' class='egg_link'>알포인트 바로가기</a><br/>`; const div = document.createElement('div'); div.innerHTML = text; div.classList.add('egg_point_badge_layer'); el.addEventListener('click', e => { if (e.target.classList.contains('egg_link')) { return; } e.preventDefault(); e.stopPropagation(); if (e.target.classList.contains('egg_point_badge_layer')) { return; } if (el.classList.contains('on')) { el.removeChild(div); el.classList.remove('on'); return; } el.classList.add('on'); el.appendChild(div); el.style.position = 'relative'; const divHeight = div.clientHeight; div.style.top = `-${divHeight + 10}px`; }) }) })(); */ </script> <style> .egg_point_badge_layer { display: block; position: absolute; text-align: left; top: -30px; left: 50%; letter-spacing: -0.02rem; transform: translateX(-50%); color: var(--contents-primary) !important; font-size: 12px; width: 360px; padding: 10px; line-height: 150%; background: var(--primary); border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); z-index: 999; cursor: default; font-family: "Malgun Gothic", "맑은 고딕", sans-serif; } #mw_basic .egg_point_badge_layer a.egg_link { cursor: pointer; color: var(--eto-color) !important; text-decoration: none !important; } #mw_basic .egg_point_badge_layer a.egg_link:hover { text-decoration: underline !important; } </style> <script> $(document).ready(function(){ $('.mw_basic_view_content .instagram-media a > span').css('display', 'none'); $('.mw_basic_view_content .instagram-media a').removeClass('loading').addClass('loading'); var html = "<div class='loading_div'>인스타 링크 자동 변환 중..</div>"; $('.mw_basic_view_content .instagram-media a').html(html); }); </script> <script async src="https://www.instagram.com/embed.js"></script> <script language="javascript" src="../js/wrest.js"></script>  <iframe width=0 height=0 name='hiddenframe' style='display:none;'>