페이스북(으)로 기사보내기 트위터(으)로 기사보내기 카카오톡(으)로 기사보내기 네이버블로그(으)로 기사보내기 URL복사(으)로 기사보내기 다른 공유 찾기 기사저장 바로가기 메일보내기 복사하기 본문 글씨 줄이기 본문 글씨 키우기 이 기사를 공유합니다 페이스북(으)로 기사보내기 트위터(으)로 기사보내기 카카오톡(으)로 기사보내기 네이버블로그(으)로 기사보내기 URL복사(으)로 기사보내기 닫기
마인즈 2 : 0 볼프스부르크 http://tvpot.daum.net/v/v0e3dUDVaUVUDVh8UVFFrbb[만일 동영상이 안보이시면 위 주소를 클릭하세요] </em> <strong class="name">KoreaPress</strong> <a href="mailto:KoreaPress@korea-press.com" class="email">KoreaPress@korea-press.com</a> </div> </div> <div class="item text-right"> <a href="/news/articleList.html?sc_area=I&sc_word=korpress&view_type=sm" class="article-more">다른기사 보기</a> </div> </article> <div class="article-view-sns"> <div class="social-group"> <div class="show-for-sr">SNS 기사보내기</div> <button type="button" class="sns sns-share-btns facebook " data-sharesns="facebook" data-title="%3C%EB%8F%99%EC%98%81%EC%83%81%3E%20%EA%B5%AC%EC%9E%90%EC%B2%A0%2C%20%ED%9B%84%EB%B0%98%202%EB%B6%84%20%ED%86%B5%ED%95%9C%EC%9D%98%20%ED%97%A4%EB%94%A9%20%EC%8A%9B" data-url="https%3A%2F%2Fwww.korea-press.com%2Fnews%2FarticleView.html%3Fidxno%3D311" data-desc="%EB%A7%88%EC%9D%B8%EC%A6%88%202%20%3A%20%EB%B3%BC%ED%94%84%EC%8A%A4%EB%B6%80%EB%A5%B4%ED%81%AC%20http%3A%2F%2Ftvpot.daum.net%2Fv%2Fv0e3dUDVaUVUDVh8UVFFrbb%5B%EB%A7%8C%EC%9D%BC%20%EB%8F%99%EC%98%81%EC%83%81%EC%9D%B4%20%EC%95%88%EB%B3%B4%EC%9D%B4%EC%8B%9C%EB%A9%B4%20%EC%9C%84%20%EC%A3%BC%EC%86%8C%EB%A5%BC%20%ED%81%B4%EB%A6%AD%ED%95%98%EC%84%B8%EC%9A%94%5D%20" data-image="https://www.korea-press.com/image/logo/snslogo_20240201021925.png" title="페이스북" data-clipboard-text="https://www.korea-press.com/news/articleView.html?idxno=311"> <i class="icon-facebook"><span class="show-for-sr">페이스북(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns twitter " data-sharesns="twitter" data-title="%3C%EB%8F%99%EC%98%81%EC%83%81%3E%20%EA%B5%AC%EC%9E%90%EC%B2%A0%2C%20%ED%9B%84%EB%B0%98%202%EB%B6%84%20%ED%86%B5%ED%95%9C%EC%9D%98%20%ED%97%A4%EB%94%A9%20%EC%8A%9B" data-url="https%3A%2F%2Fwww.korea-press.com%2Fnews%2FarticleView.html%3Fidxno%3D311" data-desc="%EB%A7%88%EC%9D%B8%EC%A6%88%202%20%3A%20%EB%B3%BC%ED%94%84%EC%8A%A4%EB%B6%80%EB%A5%B4%ED%81%AC%20http%3A%2F%2Ftvpot.daum.net%2Fv%2Fv0e3dUDVaUVUDVh8UVFFrbb%5B%EB%A7%8C%EC%9D%BC%20%EB%8F%99%EC%98%81%EC%83%81%EC%9D%B4%20%EC%95%88%EB%B3%B4%EC%9D%B4%EC%8B%9C%EB%A9%B4%20%EC%9C%84%20%EC%A3%BC%EC%86%8C%EB%A5%BC%20%ED%81%B4%EB%A6%AD%ED%95%98%EC%84%B8%EC%9A%94%5D%20" data-image="https://www.korea-press.com/image/logo/snslogo_20240201021925.png" title="트위터" data-clipboard-text="https://www.korea-press.com/news/articleView.html?idxno=311"> <i class="icon-twitter"><span class="show-for-sr">트위터(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns kakao " data-sharesns="kakao" data-title="%3C%EB%8F%99%EC%98%81%EC%83%81%3E%20%EA%B5%AC%EC%9E%90%EC%B2%A0%2C%20%ED%9B%84%EB%B0%98%202%EB%B6%84%20%ED%86%B5%ED%95%9C%EC%9D%98%20%ED%97%A4%EB%94%A9%20%EC%8A%9B" data-url="https%3A%2F%2Fwww.korea-press.com%2Fnews%2FarticleView.html%3Fidxno%3D311" data-desc="%EB%A7%88%EC%9D%B8%EC%A6%88%202%20%3A%20%EB%B3%BC%ED%94%84%EC%8A%A4%EB%B6%80%EB%A5%B4%ED%81%AC%20http%3A%2F%2Ftvpot.daum.net%2Fv%2Fv0e3dUDVaUVUDVh8UVFFrbb%5B%EB%A7%8C%EC%9D%BC%20%EB%8F%99%EC%98%81%EC%83%81%EC%9D%B4%20%EC%95%88%EB%B3%B4%EC%9D%B4%EC%8B%9C%EB%A9%B4%20%EC%9C%84%20%EC%A3%BC%EC%86%8C%EB%A5%BC%20%ED%81%B4%EB%A6%AD%ED%95%98%EC%84%B8%EC%9A%94%5D%20" data-image="https://www.korea-press.com/image/logo/snslogo_20240201021925.png" title="카카오톡" data-clipboard-text="https://www.korea-press.com/news/articleView.html?idxno=311"> <i class="icon-kakao"><span class="show-for-sr">카카오톡(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns blog " data-sharesns="blog" data-title="%3C%EB%8F%99%EC%98%81%EC%83%81%3E%20%EA%B5%AC%EC%9E%90%EC%B2%A0%2C%20%ED%9B%84%EB%B0%98%202%EB%B6%84%20%ED%86%B5%ED%95%9C%EC%9D%98%20%ED%97%A4%EB%94%A9%20%EC%8A%9B" data-url="https%3A%2F%2Fwww.korea-press.com%2Fnews%2FarticleView.html%3Fidxno%3D311" data-desc="%EB%A7%88%EC%9D%B8%EC%A6%88%202%20%3A%20%EB%B3%BC%ED%94%84%EC%8A%A4%EB%B6%80%EB%A5%B4%ED%81%AC%20http%3A%2F%2Ftvpot.daum.net%2Fv%2Fv0e3dUDVaUVUDVh8UVFFrbb%5B%EB%A7%8C%EC%9D%BC%20%EB%8F%99%EC%98%81%EC%83%81%EC%9D%B4%20%EC%95%88%EB%B3%B4%EC%9D%B4%EC%8B%9C%EB%A9%B4%20%EC%9C%84%20%EC%A3%BC%EC%86%8C%EB%A5%BC%20%ED%81%B4%EB%A6%AD%ED%95%98%EC%84%B8%EC%9A%94%5D%20" data-image="https://www.korea-press.com/image/logo/snslogo_20240201021925.png" title="네이버블로그" data-clipboard-text="https://www.korea-press.com/news/articleView.html?idxno=311"> <i class="icon-blog"><span class="show-for-sr">네이버블로그(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns link sns_clipboard" data-sharesns="link" data-title="%3C%EB%8F%99%EC%98%81%EC%83%81%3E%20%EA%B5%AC%EC%9E%90%EC%B2%A0%2C%20%ED%9B%84%EB%B0%98%202%EB%B6%84%20%ED%86%B5%ED%95%9C%EC%9D%98%20%ED%97%A4%EB%94%A9%20%EC%8A%9B" data-url="https%3A%2F%2Fwww.korea-press.com%2Fnews%2FarticleView.html%3Fidxno%3D311" data-desc="%EB%A7%88%EC%9D%B8%EC%A6%88%202%20%3A%20%EB%B3%BC%ED%94%84%EC%8A%A4%EB%B6%80%EB%A5%B4%ED%81%AC%20http%3A%2F%2Ftvpot.daum.net%2Fv%2Fv0e3dUDVaUVUDVh8UVFFrbb%5B%EB%A7%8C%EC%9D%BC%20%EB%8F%99%EC%98%81%EC%83%81%EC%9D%B4%20%EC%95%88%EB%B3%B4%EC%9D%B4%EC%8B%9C%EB%A9%B4%20%EC%9C%84%20%EC%A3%BC%EC%86%8C%EB%A5%BC%20%ED%81%B4%EB%A6%AD%ED%95%98%EC%84%B8%EC%9A%94%5D%20" data-image="https://www.korea-press.com/image/logo/snslogo_20240201021925.png" title="URL복사" data-clipboard-text="https://www.korea-press.com/news/articleView.html?idxno=311"> <i class="icon-link"><span class="show-for-sr">URL복사(으)로 기사보내기</span></i> </button> <button type="button" class="sns mail" title="이메일" onclick="articleMail('311')"><i class="icon-mail"><span class="show-for-sr">이메일(으)로 기사보내기</span></i></button> <button type="button" class="sns share" title="다른 공유" data-open="article-sns"><i class="icon-share-alt"><span class="show-for-sr">다른 공유 찾기</span></i></button> <button type="button" class="sns bookmark scrap-btn user-bg" data-idxno="311" title="기사스크랩"><i class="icon-bookmark"><span class="show-for-sr">기사저장</span></i></button> </div> </div> </div> </div> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <div class="clearfix respons-edit"> <div class="float-left padright-40" style="width:calc(100% - 250px)"> <!-- 편집패널 //--> <div class="clearfix"> <article class="box-skin martop-30 "> <header class="header"><strong><span class="size-16 user-point">당신만 안 본 뉴스</span></strong></header> <section class="content"><style type="text/css"> #skin-9 > .item:not(:first-child) {margin-top:12px} </style> <div id="skin-9" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=100025" target="_top"> <DIV class="auto-titles size-15 line-3x1 auto-fontA onload">타워크레인 안전 관리 클라우드 공유 체계 기술 현실화</DIV> </a> </div> </div></section> </article><div class="box-margins " style="margin-bottom:40px;"></div> </div> <!--// 편집패널 --> </div> <div class="float-right" style="width:250px"> <!-- 편집패널 //--> <div class="clearfix"> <article class="box-skin martop-30 "> <header class="header"></header> <section class="content"><style type="text/css"> #skin-10 > .item {position:relative;margin-top:16px} #skin-10 > .item:first-child {margin-top:0} #skin-10 .frame::after {content:'';position:absolute;z-index:2;left:0;bottom:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,0) 42%,rgba(0,0,0,.9));border:0} #skin-10 .auto-titles {position:absolute;z-index:15;left:16px;right:16px;bottom:16px} #skin-10 .height-250 {height:250px} </style> <div id="skin-10" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=100025" target="_top"> <div class="frame line height-250"><em class="auto-images" style="background-image:url(https://cdn.korea-press.com/news/thumbnail/custom/20240408/100025_80036_636_1712549196_280.jpg)"></em></div> <DIV class="auto-titles size-15 line-4x2 auto-fontF onload">타워크레인 안전 관리 클라우드 공유 체계 기술 현실화</DIV> </a> </div> </div></section> </article><div class="box-margins " style="margin-bottom:40px;"></div> </div> <!--// 편집패널 --> </div> </div> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <link rel="stylesheet" href="https://cdn.korea-press.com/comment/style.css"> <style> /************************************************** * COMMENT SKIN FILE * * AUTHOR : SOHO (for ndsoft) * FILE : /fine_home/comment/skin/skin01/_style.css * INCLUDE : /fine_home/comment/skin/skin01/_comment.html * NOTE : * **************************************************/ /* layout */ #comment {display:block;margin:2.5rem auto} [data-whatintent="touch"] #comment button, [data-whatintent="touch"] #comment button:focus {outline:0} /* titles */ .cmt-header::after {content:'';display:table;clear:both} .cmt-header .titles {float:left;font-size:1.25rem;font-weight:normal;line-height:35px;color:#000} .cmt-header .comment-count {font-weight:bold} .cmt-header .my-cmt {float:right;font-size:.875rem;line-height:35px;color:rgba(0,0,0,.95)} .cmt-header .my-cmt > i[class^="icon-"] {display:inline-block;overflow:hidden;width:15px;height:15px;font-size:.5rem;line-height:13px;color:#000;border:1px solid rgba(0,0,0,.5);border-radius:50%;text-align:center;vertical-align:middle} /* write */ .comment-write {display:block;overflow:hidden;margin-bottom:2.1875rem;background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem} .comment-write .wrt-header {display:block;padding:1.25rem} .comment-write .wrt-header::after {content:'';display:table;clear:both} .comment-write .user-name {float:left;font-size:.9375rem;line-height:28px} #comment-guest {float:right;font-size:0;white-space:nowrap} #comment-guest input[type="text"], #comment-guest input[type="password"] {display:inline-block;width:115px;height:28px;margin:0;font-size:.8125rem;border-radius:2rem} #comment-guest input[type="password"] {margin-left:.25rem} .comment-write .comment-content {display:block;min-height:65px;margin:0 auto;padding:0 1.25rem;font-size:.9375rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.625;color:#000;border:none;border-radius:0} .comment-write .comment-content[readonly] {background:none} .comment-write .recaptcha-container {display:block;font-size:0;text-align:center} .comment-write .recaptcha-container .recaptcha-view {display:inline-block;margin:0 auto 1rem} .comment-write .wrt-footer {display:block;padding:.375rem 1.25rem;border-top:1px solid rgba(0,0,0,.08)} .comment-write .wrt-footer::after {content:'';display:table;clear:both} .comment-write .wrt-footer .cur--length {float:left;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:32px;color:#989898} .comment-write .wrt-footer .comment-text-cur {color:#000} .comment-write .wrt-footer .btn-comment-save {float:right;height:32px;padding:0 1.125rem;font-size:.8125rem;line-height:1;color:#fff;border-radius:.25rem;background-color:#68A4DF;cursor:pointer} @media screen and (max-width: 39.9375em) { .row .comment-write .user-name, .row #comment-guest {float:none;width:auto} .row .comment-write .user-name {display:block;margin-bottom:.375rem} .row .comment-write .btn-comment-login {text-decoration:underline} .row .comment-write .btn-comment-login::before {content:"\e9f5";display:inline-block;margin-right:.375rem;font:14px/1 fontello;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .row #comment-guest input[type="text"], .row #comment-guest input[type="password"] {width:calc(50% - .125rem)} .row .comment-write .comment-content {min-height:80px;font-size:.875rem} .row .comment-write .recaptcha-container {overflow:hidden;max-width:100%} } /* list */ #comment-list {display:block} #comment-list .list-sort {margin-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.12)} #comment-list .list-sort::after {content:'';display:table;clear:both} #comment-list .list-sort > .option {float:left;font-size:0;white-space:nowrap;text-align:left} #comment-list .btn-comment-orderby {display:inline-block;font-size:.9375rem;line-height:35px;color:rgba(0,0,0,.6);vertical-align:middle;cursor:pointer} #comment-list .btn-comment-orderby.secondary {font-weight:700;font-weight:var(--wgt700, 700);color:#000} #comment-list .list-sort > .option > .btn-comment-orderby:not(:first-child) {margin-left:1rem} #comment-list .explain {float:right;position:relative} #comment-list .explain > .explain-btn {font-size:.8125rem;line-height:35px;color:rgba(0,0,0,.7)} #comment-list .explain > .guide {display:none;position:absolute;z-index:10;right:0;top:100%;width:220px;padding:1rem;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:rgba(0,0,0,.85);background:#f8f8f8;border:1px solid rgba(0,0,0,.08)} #comment-list .explain > .guide > strong {display:block;margin-bottom:.5rem;font-size:.8125rem} #comment-list .explain .close-button {right:.5rem;font-size:1rem} #comment-list .btn-comment-more {display:block;width:100%;height:50px;font-size:0;background-color:#fff;border:1px solid rgba(0,0,0,.15);text-align:center;cursor:pointer} #comment-list .more-info::after, #comment-list .more-info > span {display:inline-block;font-size:.9375rem;line-height:1;color:#000;vertical-align:middle} #comment-list .more-info::after {content:"\e943";margin-left:.375rem;font:14px/1 fontello;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} @media screen and (max-width: 39.9375em) { .row #comment-list .btn-comment-orderby:not(.secondary) {color:rgba(0,0,0,.45)} } /* comment */ .comment-item {display:block} .comment-item .first {padding:1.25rem 0;border-top:1px solid rgba(0,0,0,.08)} .normal-content > .comment-item:first-child .first {padding-top:0;border-top:none} .comment-item .first::after {content:'';display:table;clear:both} .comment-item .photo {float:left} .comment-item .photo > .pfile {display:block;overflow:hidden;width:45px;height:45px;background:url('https://cdn.korea-press.com/image/newsroom/default-user.png') 50% 50% no-repeat;background-size:cover;border-radius:50%} .comment-item .photo + .user-textbox {float:right;width:calc(100% - 65px)} .comment-item .textbox-header {margin-bottom:.75rem} .comment-item .textbox-header::after {content:'';display:table;clear:both} .comment-item .textbox-info {display:block;font-size:0;text-align:left} .comment-item .textbox-info > * {display:inline-block;white-space:nowrap;vertical-align:middle} .comment-item .textbox-info > :not(:first-child) {margin-left:.5rem} .comment-item .textbox-info > .name {font-size:.9375rem;line-height:25px;color:#000} .comment-item .textbox-info > .name > small {font-size:.625rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.8)} .comment-item .textbox-info > .name > .vote::before {content:'';display:inline-block;overflow:hidden;width:15px;height:15px;margin-right:.25rem;background:url(/image/comment/vote-mark.svg) 50% 50% no-repeat;background-size:contain;vertical-align:middle} .comment-item .textbox-info > .user-comment-info {cursor:pointer} .comment-item .textbox-info > .datetime {position:relative;padding-left:.75rem;margin-left:.75rem;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.7)} .comment-item .textbox-info > .datetime::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} .comment-item .textbox-info > .ip {overflow:hidden;width:25px;padding:0 .375rem;font-size:.625rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:14px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.25rem;text-align:left;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;cursor:pointer;transition:width .25s} .comment-item .textbox-info > .ip > .viewing {display:none;font-style:normal} .comment-item .textbox-info > .ip:hover {width:102px} .comment-item .textbox-info > .ip:hover > .viewing {display:inline-block} .comment-item .textbox-option {float:right;font-size:0;text-align:right} .comment-item .textbox-option > a {display:inline-block;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:25px;color:rgba(0,0,0,.65);vertical-align:middle} .comment-item .textbox-option > :not(:first-child) {position:relative;margin-left:.75rem;padding-left:.75rem} .comment-item .textbox-option > :not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} .comment-item .textbox-header > :first-child:nth-last-child(2) {float:left} .comment-item .comment-content-view {font-size:.9375rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:#000} .comment-item .textbox-footer {display:block;margin-top:1.25rem} .comment-item .textbox-footer::after {content:'';display:table;clear:both} .comment-item .btn-comment-sub, .comment-item .btn-comment-sub + .user-vote {float:left} .comment-item .btn-comment-sub {margin-right:2.125rem;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:25px;color:rgba(0,0,0,.8);cursor:pointer} .comment-item .comment-sub-count {color:#000} .comment-item .user-vote {display:block;font-size:0;white-space:nowrap;text-align:left} .comment-item .user-vote > .btn-comment-vote {display:inline-block;font-size:.8125rem;line-height:25px;color:rgba(0,0,0,.95);cursor:pointer;vertical-align:middle} .comment-item .user-vote > .btn-comment-vote.vote-up-on {color:#e50000} .comment-item .user-vote > .btn-comment-vote.vote-down-on {color:#1188ff} .comment-item .user-vote > :not(:last-child) {margin-right:.875rem} @media screen and (max-width: 39.9375em) { .row .comment-item .photo {width:35px;height:35px} .row .comment-item .photo + .user-textbox {width:calc(100% - 55px)} .row .comment-item .textbox-info > .name > small {font-weight:lighter} .row .comment-item .textbox-info > .ip {width:auto;padding:0;font-weight:lighter;background:none;border:none;text-overflow:clip} .row .comment-item .textbox-info > .ip > .viewing {display:inline} .row .comment-item .textbox-header > :first-child:nth-last-child(2) {overflow:hidden;float:none} .row .comment-item .textbox-option {float:none;width:auto;margin-top:.375rem;text-align:left} .row .comment-item .textbox-option > a {overflow:hidden;padding:0 .375rem;font-size:.6875rem;font-weight:lighter;line-height:18px;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.125rem;white-space:nowrap} .row .comment-item .textbox-option > :not(:first-child) {padding-left:0} .row .comment-item .textbox-option > :not(:first-child)::before {content:normal;display:none} } /* second comment */ .comment-item .second {display:none;padding:1.25rem 1.5rem;background-color:#f5f6f6;border-top:1px solid rgba(0,0,0,.05)} .comment-item .second::after {content:'';display:table;clear:both} .comment-item .sec-option {display:block;margin-bottom:.5rem;font-size:0;white-space:nowrap;text-align:left} .comment-item .btn-sub-comment-orderby {display:inline-block;font-size:.875rem;line-height:1.375;color:rgba(0,0,0,.6);cursor:pointer;vertical-align:middle} .comment-item .btn-sub-comment-orderby.secondary {font-weight:bold;color:rgba(0,0,0,.95)} .comment-item .sec-option > :not(:first-child) {margin-left:1.125rem} .comment-item .comment-item-sub-body, .comment-item .comment-item-sub-footer {padding-left:2.8125rem} .comment-item .comment-item-sub, .comment-item .comment-item-sub-footer {display:block;position:relative} .comment-item .comment-item-sub {padding:1.25rem 0;border-top:1px solid rgba(0,0,0,.05)} .comment-item .comment-item-sub-body > .comment-item-sub:first-child {border-top:none} .comment-item .comment-item-sub::before, .comment-item .comment-item-sub-footer::before {content:'';display:block;overflow:hidden;position:absolute;z-index:1;width:18px;height:21px;background:url('/image/comment/comment_type1_reply.png') 0 0 no-repeat} .comment-item .comment-item-sub::before {left:-2.8125rem;top:1.625rem} .comment-item .comment-item-sub::after {content:'';display:table;clear:both} .comment-item .comment-item-sub-footer {margin-top:1rem} .comment-item .comment-item-sub-footer::before {left:0;top:.625rem} .comment-item .comment-item-sub-footer .comment-write {margin-bottom:0;background:none;border:none;border-radius:0} .comment-item .comment-item-sub-footer .comment-form {display:block;overflow:hidden;margin-bottom:2.1875rem;background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem} .comment-item .second .btn-comment-sub-write {display:block;width:100%;margin-bottom:2.1875rem;padding:1.25rem 1.5rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1;color:rgba(0,0,0,.6);background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem;text-align:left;cursor:pointer} .comment-item .second .btn-comment-sub {float:none;width:100%;font-size:.9375rem;text-align:center} @media screen and (max-width: 39.9375em) { .row .comment-item .comment-item-sub-body, .row .comment-item .comment-item-sub-footer {padding-left:1.625rem} .row .comment-item .comment-item-sub::before, .row .comment-item .comment-item-sub-footer::before {width:9px;height:11px;background-size:contain} .row .comment-item .comment-item-sub::before {left:-1.625rem} } /* best comment */ .best-content {display:block} .best-content > .comment-item:first-of-type > .first {padding-top:0;border-top:0} .best-content > .comment-item:last-of-type {margin-bottom:1.25rem} .best-content > .comment-item:last-of-type > .first {border-bottom:1px solid rgba(0,0,0,.08)} .best-content > .comment-item:last-of-type .second {border-top:0;border-bottom:1px solid rgba(0,0,0,.05)} .comment-item .best {display:inline-block;overflow:hidden;margin-right:.25rem;padding:0 .375rem;font-size:.625rem;line-height:16px;color:#fff;background-color:#f44e5c;border-radius:.125rem;text-transform:uppercase;vertical-align:middle} /* user comment infomation */ .block {overflow:hidden !important;touch-action:none} #userCommentInfo {display:none} #userCommentInfo .cmt-info-block {overflow-x:hidden;overflow-y:scroll;position:fixed;z-index:1006;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.45);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} #userCommentInfo .cmt-info {overflow:hidden;position:relative;z-index:1006;width:80%;max-width:720px;margin:5em auto 0;padding:1.25rem 1.875rem;background-color:#fff;border-radius:.3125rem;-webkit-backface-visibility:hidden;backface-visibility:hidden} @media screen and (max-width: 39.9375em) { #userCommentInfo .cmt-info {width:100%;margin-top:0;padding-left:1.25rem;padding-right:1.25rem;border-radius:0} } /* header */ #userCommentInfo .info-header {display:block} #userCommentInfo .info-header::after {content:'';display:table;clear:both} #userCommentInfo .info-header .titles {float:left;font-size:1.25rem;font-weight:normal;line-height:50px;color:#000} #userCommentInfo .info-header .cmt-info-close {float:right;height:50px;font-size:1.625rem;cursor:pointer} /* user infomation */ #userCommentInfo .user-infomation {display:block;overflow:hidden;padding:1rem 1.25rem;margin-bottom:1.875rem;background-color:#3f63bf;border:1px solid rgba(0,0,0,.08);border-radius:.25rem} #userCommentInfo .user-infomation .image {display:block;overflow:hidden;float:left;width:52px;height:52px;margin-right:1rem;background:url('https://cdn.korea-press.com/image/newsroom/default-user.png') 50% 50% no-repeat;background-size:cover;border-radius:50%} #userCommentInfo .user-infomation .user-data {display:block} #userCommentInfo .user-infomation .name {display:block;overflow:hidden;margin-bottom:.625rem;font-size:1rem;font-weight:700;font-weight:var(--wgt700 , 700);line-height:1.375;color:#fff;white-space:nowrap;text-overflow:hidden} #userCommentInfo .user-infomation .lists {display:block;padding:0;margin:0;font-size:0;list-style:none;text-align:left} #userCommentInfo .user-infomation .lists > li {display:inline-block;position:relative;font-size:.8125rem;line-height:1.2;color:rgba(255,255,255,.6);vertical-align:middle} #userCommentInfo .user-infomation .lists > li:not(:first-child) {margin-left:.75rem;padding-left:.75rem} #userCommentInfo .user-infomation .lists > li:not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.75rem;border-left:1px solid rgba(255,255,255,.15);-ms-transform:translateY(-50%);transform:translateY(-50%)} /* user comment */ #userCommentInfo .cmt-info-body, #userCommentInfo .cmt-item {display:block} #userCommentInfo .cmt-info-body > .cmt-item:not(:first-child) {margin-top:2.5rem} #userCommentInfo .cmt-item .dated {display:block;padding:0;margin:0 auto .625rem;font-size:.8125rem;line-height:1;color:rgba(0,0,0,.65);white-space:nowrap} #userCommentInfo .cmt-item .org-article {display:block;margin-bottom:.625rem} #userCommentInfo .cmt-item .org-article::after {content:'';display:table;clear:both} #userCommentInfo .cmt-item .org-article > .image {overflow:hidden;float:left;width:40px;height:40px;margin-right:1rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover} #userCommentInfo .cmt-item .org-article > .subject {display:block;overflow:hidden;font-size:1.0625rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:40px;color:#000;white-space:nowrap;text-overflow:ellipsis} #userCommentInfo .cmt-item .cmt-box {display:block;overflow:hidden;padding:1.25rem;background-color:#f5f6f6;border:1px solid rgba(0,0,0,.08);border-radius:.25rem} #userCommentInfo .cmt-item .text {display:block;padding:0;margin:0 auto 1rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:#000} #userCommentInfo .cmt-item.recomment .text::before {content:'답글';display:inline-block;overflow:hidden;padding:0 .625rem;margin-right:.75rem;font-size:.75rem;line-height:22px;color:#fff;background-color:#787878;border-radius:.125rem;white-space:nowrap;vertical-align:middle} #userCommentInfo .cmt-item .helper-box {display:block;padding:0;margin:0;list-style:none} #userCommentInfo .cmt-item .helper-box::after {content:'';display:table;clear:both} #userCommentInfo .cmt-item .helper-box > li {float:left;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300)} #userCommentInfo .cmt-item .helper-box > li:first-child {margin-right:2.5rem} #userCommentInfo .cmt-item.recomment .helper-box > li:first-child {display:none !important} #userCommentInfo .cmt-item .helper-box > li:not(:nth-child(-n + 2)) {margin-left:.875rem} #userCommentInfo .cmt-item-more {display:block;overflow:hidden;width:100%;height:50px;margin-top:2.5rem;font-size:.9375rem;background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:.3125rem;text-align:center;cursor:pointer} /* my comment modal */ #myCommnetView {max-width:720px;background-color:#fff} #myCommnetView > .view-header {display:block;padding:1.875rem} #myCommnetView > .view-header::after {content:'';display:table;clear:both} #myCommnetView > .view-header .titles {float:left;margin:0;font-size:1.375rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:45px} #myCommnetView > .view-header .close {float:right;height:45px;margin:0;font-size:1.875rem;cursor:pointer} @media screen and (max-width: 39.9375em) { .row #myCommnetView {max-width:none} } </style> <!-- 댓글 //--> <article id="comment"> <header id="reply" class="cmt-header"> <div class="titles"><strong class="comment-count"></strong>개의 댓글</div> </header> <!-- write //--> <article class="comment-write"> <form class="comment-form" name="commentWriteForm" method="POST"> <input type="hidden" class="mode" name="mode" value="input" /> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="311" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" /> <header class="wrt-header"> <a href="https://www.korea-press.com/member/login.html?backUrl=/news/articleView.html?idxno=311#comment" class="user-name btn-comment-login">회원로그인</a> <article id="comment-guest"> <label for="guestName" class="show-for-sr">작성자</label> <input type="text" name="name" id="guestName" title="작성자" placeholder="작성자" value="" /> <label for="guestPassword" class="show-for-sr">비밀번호</label> <input type="password" name="password" id="guestPassword" title="비밀번호" placeholder="비밀번호" value="" /> </article> </header> <label for="cmtContent" class="show-for-sr">댓글 내용입력</label> <textarea name="content" title="댓글 내용입력" id="cmtContent" class="comment-content" placeholder="권리침해, 욕설 및 특정 대상을 비하하는 내용을 게시할 경우 이용약관 및 관련법률에 의해 제재될 수 있습니다. 회원 로그인을 하시면 댓글 작성이 간편합니다." ></textarea> <div class="recaptcha-container"></div> <footer class="wrt-footer"> <span class="cur--length"><strong class="comment-text-cur">0</strong> / 400</span> <button type="button" class="btn-comment-save user-bg">등록</button> </footer> </form> </article> <!--// write --> <!-- list //--> <article id="comment-list"> <header class="list-sort"> <div class="show-for-sr">댓글 정렬</div> <div class="option"> <button type="button" data-data="I" class="btn-comment-orderby btn-comment-orderby-I">최신순</button> <button type="button" data-data="C" class="btn-comment-orderby btn-comment-orderby-C">추천순</button> <button type="button" data-data="R" class="btn-comment-orderby btn-comment-orderby-R">답글순</button> </div> <div class="explain"> <a rel="menu" class="explain-btn" data-toggle="guide-panel"><i class="icon-info-o"></i> BEST댓글</a> <div id="guide-panel" class="guide" data-toggler data-animate="fade-in fade-out" data-closable> <strong>BEST 댓글</strong> 답글과 추천수를 합산하여 자동으로 노출됩니다. <button class="close-button" data-close><i class="icon-close-thin"><span class="show-for-sr">닫기</span></i></button> </div> </div> </header> <section class="best-content"> <!-- BEST 댓글 --> </section> <section class="normal-content"> <!-- 기본 댓글 --> </section> <button type="button" class="btn-comment-more"><span>더보기</span></button> </article> <!--// list --> </article> <!--// 댓글 --> <!-- 댓글삭제 //--> <div class="reveal" id="comment-reveal-delete" data-reveal> <header class="reveal-header"> <div class="reveal-title">댓글삭제</div> <div class="reveal-msg"> 삭제한 댓글은 다시 복구할 수 없습니다.<br> 그래도 삭제하시겠습니까? </div> </header> <section class="reveal-container"> <form class="comment-form" name="commentDeleteForm" method="POST"> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="table-name" name="table_name" value="article_reply" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="311" /> <input type="hidden" class="mode" name="mode" value="" /> <input type="hidden" class="idxno" name="idxno" value="" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" /> <!-- 비밀번호 //--> <fieldset id="delete-password-field" class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="removePassword" class="medium-middle"><strong class="key-point">비밀번호</strong></label> </div> <div class="medium-9 columns"> <input type="password" name="password" class="password" id="removePassword" title="비밀번호" placeholder="비밀번호 입력" class=""> </div> </fieldset> <!--// 비밀번호 --> <footer class="clearfix text-center"> <button type="button" class="button btn-comment-delete-ok"><i class="icon-trash-o"></i> 삭제</button> </footer> </form> </section> <!-- 닫기 //--> <button class="close-button" data-close aria-label="Close modal" type="button"> <i class="icon-close-thin"><span class="show-for-sr">닫기</span></i> </button> <!--// 닫기 --> </div> <!--// 댓글삭제 --> <!-- 댓글수정 //--> <div class="reveal" id="comment-reveal-modify" data-reveal> <header class="reveal-header"> <div class="reveal-title">댓글수정</div> <div class="reveal-msg"> 댓글 수정은 작성 후 1분내에만 가능합니다. </div> </header> <section class="reveal-container"> <form class="comment-form" name="commentModifyForm" method="POST"> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="table-name" name="table_name" value="article_reply" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="311" /> <input type="hidden" class="mode" name="mode" value="" /> <input type="hidden" class="idxno" name="idxno" value="" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" /> <!-- 본문 //--> <fieldset class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="modiifyContent" class="medium-middle"><strong class="key-point">본문</strong></label> <div class="size-12"> <span class="comment-text-cur"></span> / 400 </div> </div> <div class="medium-9 columns"> <textarea name="modify_content" class="modiify-content" id="modiifyContent" rows="10"></textarea> </div> </fieldset> <!--// 본문 --> <!-- 비밀번호 //--> <fieldset id="modify-password-field" class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="modifyPassword" class="medium-middle"><strong class="key-point">비밀번호</strong></label> </div> <div class="medium-9 columns"> <input type="password" name="password" class="password" id="modifyPassword" title="비밀번호" placeholder="비밀번호 입력" class=""> </div> </fieldset> <!--// 비밀번호 --> <footer class="clearfix text-center"> <button type="button" class="button btn-comment-modify-ok"><i class="icon-trash-o"></i> 수정</button> </footer> </form> </section> <!-- 닫기 //--> <button class="close-button" data-close aria-label="Close modal" type="button"> <i class="icon-close-thin"><span class="show-for-sr">닫기</span></i> </button> <!--// 닫기 --> </div> <!--// 댓글수정 --> <!-- 유저댓글모음 //--> <div class="user-comment-info-view"></div> <!--// 유저댓글모음 --> <!-- 나의 댓글모음 //--> <div class="reveal large" id="myCommnetView" data-reveal> <article class="view-header"> <div class="titles">내 댓글 모음</div> <button type="button" class="close" data-close><i class="icon-close-thin"><span class="show-for-sr">닫기</span></i></button> </article> <iframe id="myIframeBox" src="about:blank" width="100%" height="500" frameBorder="0"> 주요기사 타워크레인 안전 관리 클라우드 공유 체계 기술 현실화 세월호, 국정원 내부 문건 “기획관리팀장은 국정원 협조자”, 의혹이 사실로 국민의힘 총선 수도권 위기설 ‘솔솔’, 민주당 ‘이슈화 갈수록 가속’ 김건희 특검법 거부로도, 이종섭 도주대사로도 사건 물타기 안 된다! 김문수 순천과 박용진 강북을 공천 논란, “친명 프레임, 대단히 불쾌하다!” 이재명 “이·채·양·명·주 4.10총선 국민들 화집점은 정해졌다!” 선언
마인즈 2 : 0 볼프스부르크 http://tvpot.daum.net/v/v0e3dUDVaUVUDVh8UVFFrbb[만일 동영상이 안보이시면 위 주소를 클릭하세요] </em> <strong class="name">KoreaPress</strong> <a href="mailto:KoreaPress@korea-press.com" class="email">KoreaPress@korea-press.com</a> </div> </div> <div class="item text-right"> <a href="/news/articleList.html?sc_area=I&sc_word=korpress&view_type=sm" class="article-more">다른기사 보기</a> </div> </article> <div class="article-view-sns"> <div class="social-group"> <div class="show-for-sr">SNS 기사보내기</div> <button type="button" class="sns sns-share-btns facebook " data-sharesns="facebook" data-title="%3C%EB%8F%99%EC%98%81%EC%83%81%3E%20%EA%B5%AC%EC%9E%90%EC%B2%A0%2C%20%ED%9B%84%EB%B0%98%202%EB%B6%84%20%ED%86%B5%ED%95%9C%EC%9D%98%20%ED%97%A4%EB%94%A9%20%EC%8A%9B" data-url="https%3A%2F%2Fwww.korea-press.com%2Fnews%2FarticleView.html%3Fidxno%3D311" data-desc="%EB%A7%88%EC%9D%B8%EC%A6%88%202%20%3A%20%EB%B3%BC%ED%94%84%EC%8A%A4%EB%B6%80%EB%A5%B4%ED%81%AC%20http%3A%2F%2Ftvpot.daum.net%2Fv%2Fv0e3dUDVaUVUDVh8UVFFrbb%5B%EB%A7%8C%EC%9D%BC%20%EB%8F%99%EC%98%81%EC%83%81%EC%9D%B4%20%EC%95%88%EB%B3%B4%EC%9D%B4%EC%8B%9C%EB%A9%B4%20%EC%9C%84%20%EC%A3%BC%EC%86%8C%EB%A5%BC%20%ED%81%B4%EB%A6%AD%ED%95%98%EC%84%B8%EC%9A%94%5D%20" data-image="https://www.korea-press.com/image/logo/snslogo_20240201021925.png" title="페이스북" data-clipboard-text="https://www.korea-press.com/news/articleView.html?idxno=311"> <i class="icon-facebook"><span class="show-for-sr">페이스북(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns twitter " data-sharesns="twitter" data-title="%3C%EB%8F%99%EC%98%81%EC%83%81%3E%20%EA%B5%AC%EC%9E%90%EC%B2%A0%2C%20%ED%9B%84%EB%B0%98%202%EB%B6%84%20%ED%86%B5%ED%95%9C%EC%9D%98%20%ED%97%A4%EB%94%A9%20%EC%8A%9B" data-url="https%3A%2F%2Fwww.korea-press.com%2Fnews%2FarticleView.html%3Fidxno%3D311" data-desc="%EB%A7%88%EC%9D%B8%EC%A6%88%202%20%3A%20%EB%B3%BC%ED%94%84%EC%8A%A4%EB%B6%80%EB%A5%B4%ED%81%AC%20http%3A%2F%2Ftvpot.daum.net%2Fv%2Fv0e3dUDVaUVUDVh8UVFFrbb%5B%EB%A7%8C%EC%9D%BC%20%EB%8F%99%EC%98%81%EC%83%81%EC%9D%B4%20%EC%95%88%EB%B3%B4%EC%9D%B4%EC%8B%9C%EB%A9%B4%20%EC%9C%84%20%EC%A3%BC%EC%86%8C%EB%A5%BC%20%ED%81%B4%EB%A6%AD%ED%95%98%EC%84%B8%EC%9A%94%5D%20" data-image="https://www.korea-press.com/image/logo/snslogo_20240201021925.png" title="트위터" data-clipboard-text="https://www.korea-press.com/news/articleView.html?idxno=311"> <i class="icon-twitter"><span class="show-for-sr">트위터(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns kakao " data-sharesns="kakao" data-title="%3C%EB%8F%99%EC%98%81%EC%83%81%3E%20%EA%B5%AC%EC%9E%90%EC%B2%A0%2C%20%ED%9B%84%EB%B0%98%202%EB%B6%84%20%ED%86%B5%ED%95%9C%EC%9D%98%20%ED%97%A4%EB%94%A9%20%EC%8A%9B" data-url="https%3A%2F%2Fwww.korea-press.com%2Fnews%2FarticleView.html%3Fidxno%3D311" data-desc="%EB%A7%88%EC%9D%B8%EC%A6%88%202%20%3A%20%EB%B3%BC%ED%94%84%EC%8A%A4%EB%B6%80%EB%A5%B4%ED%81%AC%20http%3A%2F%2Ftvpot.daum.net%2Fv%2Fv0e3dUDVaUVUDVh8UVFFrbb%5B%EB%A7%8C%EC%9D%BC%20%EB%8F%99%EC%98%81%EC%83%81%EC%9D%B4%20%EC%95%88%EB%B3%B4%EC%9D%B4%EC%8B%9C%EB%A9%B4%20%EC%9C%84%20%EC%A3%BC%EC%86%8C%EB%A5%BC%20%ED%81%B4%EB%A6%AD%ED%95%98%EC%84%B8%EC%9A%94%5D%20" data-image="https://www.korea-press.com/image/logo/snslogo_20240201021925.png" title="카카오톡" data-clipboard-text="https://www.korea-press.com/news/articleView.html?idxno=311"> <i class="icon-kakao"><span class="show-for-sr">카카오톡(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns blog " data-sharesns="blog" data-title="%3C%EB%8F%99%EC%98%81%EC%83%81%3E%20%EA%B5%AC%EC%9E%90%EC%B2%A0%2C%20%ED%9B%84%EB%B0%98%202%EB%B6%84%20%ED%86%B5%ED%95%9C%EC%9D%98%20%ED%97%A4%EB%94%A9%20%EC%8A%9B" data-url="https%3A%2F%2Fwww.korea-press.com%2Fnews%2FarticleView.html%3Fidxno%3D311" data-desc="%EB%A7%88%EC%9D%B8%EC%A6%88%202%20%3A%20%EB%B3%BC%ED%94%84%EC%8A%A4%EB%B6%80%EB%A5%B4%ED%81%AC%20http%3A%2F%2Ftvpot.daum.net%2Fv%2Fv0e3dUDVaUVUDVh8UVFFrbb%5B%EB%A7%8C%EC%9D%BC%20%EB%8F%99%EC%98%81%EC%83%81%EC%9D%B4%20%EC%95%88%EB%B3%B4%EC%9D%B4%EC%8B%9C%EB%A9%B4%20%EC%9C%84%20%EC%A3%BC%EC%86%8C%EB%A5%BC%20%ED%81%B4%EB%A6%AD%ED%95%98%EC%84%B8%EC%9A%94%5D%20" data-image="https://www.korea-press.com/image/logo/snslogo_20240201021925.png" title="네이버블로그" data-clipboard-text="https://www.korea-press.com/news/articleView.html?idxno=311"> <i class="icon-blog"><span class="show-for-sr">네이버블로그(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns link sns_clipboard" data-sharesns="link" data-title="%3C%EB%8F%99%EC%98%81%EC%83%81%3E%20%EA%B5%AC%EC%9E%90%EC%B2%A0%2C%20%ED%9B%84%EB%B0%98%202%EB%B6%84%20%ED%86%B5%ED%95%9C%EC%9D%98%20%ED%97%A4%EB%94%A9%20%EC%8A%9B" data-url="https%3A%2F%2Fwww.korea-press.com%2Fnews%2FarticleView.html%3Fidxno%3D311" data-desc="%EB%A7%88%EC%9D%B8%EC%A6%88%202%20%3A%20%EB%B3%BC%ED%94%84%EC%8A%A4%EB%B6%80%EB%A5%B4%ED%81%AC%20http%3A%2F%2Ftvpot.daum.net%2Fv%2Fv0e3dUDVaUVUDVh8UVFFrbb%5B%EB%A7%8C%EC%9D%BC%20%EB%8F%99%EC%98%81%EC%83%81%EC%9D%B4%20%EC%95%88%EB%B3%B4%EC%9D%B4%EC%8B%9C%EB%A9%B4%20%EC%9C%84%20%EC%A3%BC%EC%86%8C%EB%A5%BC%20%ED%81%B4%EB%A6%AD%ED%95%98%EC%84%B8%EC%9A%94%5D%20" data-image="https://www.korea-press.com/image/logo/snslogo_20240201021925.png" title="URL복사" data-clipboard-text="https://www.korea-press.com/news/articleView.html?idxno=311"> <i class="icon-link"><span class="show-for-sr">URL복사(으)로 기사보내기</span></i> </button> <button type="button" class="sns mail" title="이메일" onclick="articleMail('311')"><i class="icon-mail"><span class="show-for-sr">이메일(으)로 기사보내기</span></i></button> <button type="button" class="sns share" title="다른 공유" data-open="article-sns"><i class="icon-share-alt"><span class="show-for-sr">다른 공유 찾기</span></i></button> <button type="button" class="sns bookmark scrap-btn user-bg" data-idxno="311" title="기사스크랩"><i class="icon-bookmark"><span class="show-for-sr">기사저장</span></i></button> </div> </div> </div> </div> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <div class="clearfix respons-edit"> <div class="float-left padright-40" style="width:calc(100% - 250px)"> <!-- 편집패널 //--> <div class="clearfix"> <article class="box-skin martop-30 "> <header class="header"><strong><span class="size-16 user-point">당신만 안 본 뉴스</span></strong></header> <section class="content"><style type="text/css"> #skin-9 > .item:not(:first-child) {margin-top:12px} </style> <div id="skin-9" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=100025" target="_top"> <DIV class="auto-titles size-15 line-3x1 auto-fontA onload">타워크레인 안전 관리 클라우드 공유 체계 기술 현실화</DIV> </a> </div> </div></section> </article><div class="box-margins " style="margin-bottom:40px;"></div> </div> <!--// 편집패널 --> </div> <div class="float-right" style="width:250px"> <!-- 편집패널 //--> <div class="clearfix"> <article class="box-skin martop-30 "> <header class="header"></header> <section class="content"><style type="text/css"> #skin-10 > .item {position:relative;margin-top:16px} #skin-10 > .item:first-child {margin-top:0} #skin-10 .frame::after {content:'';position:absolute;z-index:2;left:0;bottom:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,0) 42%,rgba(0,0,0,.9));border:0} #skin-10 .auto-titles {position:absolute;z-index:15;left:16px;right:16px;bottom:16px} #skin-10 .height-250 {height:250px} </style> <div id="skin-10" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=100025" target="_top"> <div class="frame line height-250"><em class="auto-images" style="background-image:url(https://cdn.korea-press.com/news/thumbnail/custom/20240408/100025_80036_636_1712549196_280.jpg)"></em></div> <DIV class="auto-titles size-15 line-4x2 auto-fontF onload">타워크레인 안전 관리 클라우드 공유 체계 기술 현실화</DIV> </a> </div> </div></section> </article><div class="box-margins " style="margin-bottom:40px;"></div> </div> <!--// 편집패널 --> </div> </div> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <link rel="stylesheet" href="https://cdn.korea-press.com/comment/style.css"> <style> /************************************************** * COMMENT SKIN FILE * * AUTHOR : SOHO (for ndsoft) * FILE : /fine_home/comment/skin/skin01/_style.css * INCLUDE : /fine_home/comment/skin/skin01/_comment.html * NOTE : * **************************************************/ /* layout */ #comment {display:block;margin:2.5rem auto} [data-whatintent="touch"] #comment button, [data-whatintent="touch"] #comment button:focus {outline:0} /* titles */ .cmt-header::after {content:'';display:table;clear:both} .cmt-header .titles {float:left;font-size:1.25rem;font-weight:normal;line-height:35px;color:#000} .cmt-header .comment-count {font-weight:bold} .cmt-header .my-cmt {float:right;font-size:.875rem;line-height:35px;color:rgba(0,0,0,.95)} .cmt-header .my-cmt > i[class^="icon-"] {display:inline-block;overflow:hidden;width:15px;height:15px;font-size:.5rem;line-height:13px;color:#000;border:1px solid rgba(0,0,0,.5);border-radius:50%;text-align:center;vertical-align:middle} /* write */ .comment-write {display:block;overflow:hidden;margin-bottom:2.1875rem;background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem} .comment-write .wrt-header {display:block;padding:1.25rem} .comment-write .wrt-header::after {content:'';display:table;clear:both} .comment-write .user-name {float:left;font-size:.9375rem;line-height:28px} #comment-guest {float:right;font-size:0;white-space:nowrap} #comment-guest input[type="text"], #comment-guest input[type="password"] {display:inline-block;width:115px;height:28px;margin:0;font-size:.8125rem;border-radius:2rem} #comment-guest input[type="password"] {margin-left:.25rem} .comment-write .comment-content {display:block;min-height:65px;margin:0 auto;padding:0 1.25rem;font-size:.9375rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.625;color:#000;border:none;border-radius:0} .comment-write .comment-content[readonly] {background:none} .comment-write .recaptcha-container {display:block;font-size:0;text-align:center} .comment-write .recaptcha-container .recaptcha-view {display:inline-block;margin:0 auto 1rem} .comment-write .wrt-footer {display:block;padding:.375rem 1.25rem;border-top:1px solid rgba(0,0,0,.08)} .comment-write .wrt-footer::after {content:'';display:table;clear:both} .comment-write .wrt-footer .cur--length {float:left;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:32px;color:#989898} .comment-write .wrt-footer .comment-text-cur {color:#000} .comment-write .wrt-footer .btn-comment-save {float:right;height:32px;padding:0 1.125rem;font-size:.8125rem;line-height:1;color:#fff;border-radius:.25rem;background-color:#68A4DF;cursor:pointer} @media screen and (max-width: 39.9375em) { .row .comment-write .user-name, .row #comment-guest {float:none;width:auto} .row .comment-write .user-name {display:block;margin-bottom:.375rem} .row .comment-write .btn-comment-login {text-decoration:underline} .row .comment-write .btn-comment-login::before {content:"\e9f5";display:inline-block;margin-right:.375rem;font:14px/1 fontello;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .row #comment-guest input[type="text"], .row #comment-guest input[type="password"] {width:calc(50% - .125rem)} .row .comment-write .comment-content {min-height:80px;font-size:.875rem} .row .comment-write .recaptcha-container {overflow:hidden;max-width:100%} } /* list */ #comment-list {display:block} #comment-list .list-sort {margin-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.12)} #comment-list .list-sort::after {content:'';display:table;clear:both} #comment-list .list-sort > .option {float:left;font-size:0;white-space:nowrap;text-align:left} #comment-list .btn-comment-orderby {display:inline-block;font-size:.9375rem;line-height:35px;color:rgba(0,0,0,.6);vertical-align:middle;cursor:pointer} #comment-list .btn-comment-orderby.secondary {font-weight:700;font-weight:var(--wgt700, 700);color:#000} #comment-list .list-sort > .option > .btn-comment-orderby:not(:first-child) {margin-left:1rem} #comment-list .explain {float:right;position:relative} #comment-list .explain > .explain-btn {font-size:.8125rem;line-height:35px;color:rgba(0,0,0,.7)} #comment-list .explain > .guide {display:none;position:absolute;z-index:10;right:0;top:100%;width:220px;padding:1rem;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:rgba(0,0,0,.85);background:#f8f8f8;border:1px solid rgba(0,0,0,.08)} #comment-list .explain > .guide > strong {display:block;margin-bottom:.5rem;font-size:.8125rem} #comment-list .explain .close-button {right:.5rem;font-size:1rem} #comment-list .btn-comment-more {display:block;width:100%;height:50px;font-size:0;background-color:#fff;border:1px solid rgba(0,0,0,.15);text-align:center;cursor:pointer} #comment-list .more-info::after, #comment-list .more-info > span {display:inline-block;font-size:.9375rem;line-height:1;color:#000;vertical-align:middle} #comment-list .more-info::after {content:"\e943";margin-left:.375rem;font:14px/1 fontello;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} @media screen and (max-width: 39.9375em) { .row #comment-list .btn-comment-orderby:not(.secondary) {color:rgba(0,0,0,.45)} } /* comment */ .comment-item {display:block} .comment-item .first {padding:1.25rem 0;border-top:1px solid rgba(0,0,0,.08)} .normal-content > .comment-item:first-child .first {padding-top:0;border-top:none} .comment-item .first::after {content:'';display:table;clear:both} .comment-item .photo {float:left} .comment-item .photo > .pfile {display:block;overflow:hidden;width:45px;height:45px;background:url('https://cdn.korea-press.com/image/newsroom/default-user.png') 50% 50% no-repeat;background-size:cover;border-radius:50%} .comment-item .photo + .user-textbox {float:right;width:calc(100% - 65px)} .comment-item .textbox-header {margin-bottom:.75rem} .comment-item .textbox-header::after {content:'';display:table;clear:both} .comment-item .textbox-info {display:block;font-size:0;text-align:left} .comment-item .textbox-info > * {display:inline-block;white-space:nowrap;vertical-align:middle} .comment-item .textbox-info > :not(:first-child) {margin-left:.5rem} .comment-item .textbox-info > .name {font-size:.9375rem;line-height:25px;color:#000} .comment-item .textbox-info > .name > small {font-size:.625rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.8)} .comment-item .textbox-info > .name > .vote::before {content:'';display:inline-block;overflow:hidden;width:15px;height:15px;margin-right:.25rem;background:url(/image/comment/vote-mark.svg) 50% 50% no-repeat;background-size:contain;vertical-align:middle} .comment-item .textbox-info > .user-comment-info {cursor:pointer} .comment-item .textbox-info > .datetime {position:relative;padding-left:.75rem;margin-left:.75rem;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.7)} .comment-item .textbox-info > .datetime::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} .comment-item .textbox-info > .ip {overflow:hidden;width:25px;padding:0 .375rem;font-size:.625rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:14px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.25rem;text-align:left;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;cursor:pointer;transition:width .25s} .comment-item .textbox-info > .ip > .viewing {display:none;font-style:normal} .comment-item .textbox-info > .ip:hover {width:102px} .comment-item .textbox-info > .ip:hover > .viewing {display:inline-block} .comment-item .textbox-option {float:right;font-size:0;text-align:right} .comment-item .textbox-option > a {display:inline-block;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:25px;color:rgba(0,0,0,.65);vertical-align:middle} .comment-item .textbox-option > :not(:first-child) {position:relative;margin-left:.75rem;padding-left:.75rem} .comment-item .textbox-option > :not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} .comment-item .textbox-header > :first-child:nth-last-child(2) {float:left} .comment-item .comment-content-view {font-size:.9375rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:#000} .comment-item .textbox-footer {display:block;margin-top:1.25rem} .comment-item .textbox-footer::after {content:'';display:table;clear:both} .comment-item .btn-comment-sub, .comment-item .btn-comment-sub + .user-vote {float:left} .comment-item .btn-comment-sub {margin-right:2.125rem;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:25px;color:rgba(0,0,0,.8);cursor:pointer} .comment-item .comment-sub-count {color:#000} .comment-item .user-vote {display:block;font-size:0;white-space:nowrap;text-align:left} .comment-item .user-vote > .btn-comment-vote {display:inline-block;font-size:.8125rem;line-height:25px;color:rgba(0,0,0,.95);cursor:pointer;vertical-align:middle} .comment-item .user-vote > .btn-comment-vote.vote-up-on {color:#e50000} .comment-item .user-vote > .btn-comment-vote.vote-down-on {color:#1188ff} .comment-item .user-vote > :not(:last-child) {margin-right:.875rem} @media screen and (max-width: 39.9375em) { .row .comment-item .photo {width:35px;height:35px} .row .comment-item .photo + .user-textbox {width:calc(100% - 55px)} .row .comment-item .textbox-info > .name > small {font-weight:lighter} .row .comment-item .textbox-info > .ip {width:auto;padding:0;font-weight:lighter;background:none;border:none;text-overflow:clip} .row .comment-item .textbox-info > .ip > .viewing {display:inline} .row .comment-item .textbox-header > :first-child:nth-last-child(2) {overflow:hidden;float:none} .row .comment-item .textbox-option {float:none;width:auto;margin-top:.375rem;text-align:left} .row .comment-item .textbox-option > a {overflow:hidden;padding:0 .375rem;font-size:.6875rem;font-weight:lighter;line-height:18px;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.125rem;white-space:nowrap} .row .comment-item .textbox-option > :not(:first-child) {padding-left:0} .row .comment-item .textbox-option > :not(:first-child)::before {content:normal;display:none} } /* second comment */ .comment-item .second {display:none;padding:1.25rem 1.5rem;background-color:#f5f6f6;border-top:1px solid rgba(0,0,0,.05)} .comment-item .second::after {content:'';display:table;clear:both} .comment-item .sec-option {display:block;margin-bottom:.5rem;font-size:0;white-space:nowrap;text-align:left} .comment-item .btn-sub-comment-orderby {display:inline-block;font-size:.875rem;line-height:1.375;color:rgba(0,0,0,.6);cursor:pointer;vertical-align:middle} .comment-item .btn-sub-comment-orderby.secondary {font-weight:bold;color:rgba(0,0,0,.95)} .comment-item .sec-option > :not(:first-child) {margin-left:1.125rem} .comment-item .comment-item-sub-body, .comment-item .comment-item-sub-footer {padding-left:2.8125rem} .comment-item .comment-item-sub, .comment-item .comment-item-sub-footer {display:block;position:relative} .comment-item .comment-item-sub {padding:1.25rem 0;border-top:1px solid rgba(0,0,0,.05)} .comment-item .comment-item-sub-body > .comment-item-sub:first-child {border-top:none} .comment-item .comment-item-sub::before, .comment-item .comment-item-sub-footer::before {content:'';display:block;overflow:hidden;position:absolute;z-index:1;width:18px;height:21px;background:url('/image/comment/comment_type1_reply.png') 0 0 no-repeat} .comment-item .comment-item-sub::before {left:-2.8125rem;top:1.625rem} .comment-item .comment-item-sub::after {content:'';display:table;clear:both} .comment-item .comment-item-sub-footer {margin-top:1rem} .comment-item .comment-item-sub-footer::before {left:0;top:.625rem} .comment-item .comment-item-sub-footer .comment-write {margin-bottom:0;background:none;border:none;border-radius:0} .comment-item .comment-item-sub-footer .comment-form {display:block;overflow:hidden;margin-bottom:2.1875rem;background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem} .comment-item .second .btn-comment-sub-write {display:block;width:100%;margin-bottom:2.1875rem;padding:1.25rem 1.5rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1;color:rgba(0,0,0,.6);background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem;text-align:left;cursor:pointer} .comment-item .second .btn-comment-sub {float:none;width:100%;font-size:.9375rem;text-align:center} @media screen and (max-width: 39.9375em) { .row .comment-item .comment-item-sub-body, .row .comment-item .comment-item-sub-footer {padding-left:1.625rem} .row .comment-item .comment-item-sub::before, .row .comment-item .comment-item-sub-footer::before {width:9px;height:11px;background-size:contain} .row .comment-item .comment-item-sub::before {left:-1.625rem} } /* best comment */ .best-content {display:block} .best-content > .comment-item:first-of-type > .first {padding-top:0;border-top:0} .best-content > .comment-item:last-of-type {margin-bottom:1.25rem} .best-content > .comment-item:last-of-type > .first {border-bottom:1px solid rgba(0,0,0,.08)} .best-content > .comment-item:last-of-type .second {border-top:0;border-bottom:1px solid rgba(0,0,0,.05)} .comment-item .best {display:inline-block;overflow:hidden;margin-right:.25rem;padding:0 .375rem;font-size:.625rem;line-height:16px;color:#fff;background-color:#f44e5c;border-radius:.125rem;text-transform:uppercase;vertical-align:middle} /* user comment infomation */ .block {overflow:hidden !important;touch-action:none} #userCommentInfo {display:none} #userCommentInfo .cmt-info-block {overflow-x:hidden;overflow-y:scroll;position:fixed;z-index:1006;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.45);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} #userCommentInfo .cmt-info {overflow:hidden;position:relative;z-index:1006;width:80%;max-width:720px;margin:5em auto 0;padding:1.25rem 1.875rem;background-color:#fff;border-radius:.3125rem;-webkit-backface-visibility:hidden;backface-visibility:hidden} @media screen and (max-width: 39.9375em) { #userCommentInfo .cmt-info {width:100%;margin-top:0;padding-left:1.25rem;padding-right:1.25rem;border-radius:0} } /* header */ #userCommentInfo .info-header {display:block} #userCommentInfo .info-header::after {content:'';display:table;clear:both} #userCommentInfo .info-header .titles {float:left;font-size:1.25rem;font-weight:normal;line-height:50px;color:#000} #userCommentInfo .info-header .cmt-info-close {float:right;height:50px;font-size:1.625rem;cursor:pointer} /* user infomation */ #userCommentInfo .user-infomation {display:block;overflow:hidden;padding:1rem 1.25rem;margin-bottom:1.875rem;background-color:#3f63bf;border:1px solid rgba(0,0,0,.08);border-radius:.25rem} #userCommentInfo .user-infomation .image {display:block;overflow:hidden;float:left;width:52px;height:52px;margin-right:1rem;background:url('https://cdn.korea-press.com/image/newsroom/default-user.png') 50% 50% no-repeat;background-size:cover;border-radius:50%} #userCommentInfo .user-infomation .user-data {display:block} #userCommentInfo .user-infomation .name {display:block;overflow:hidden;margin-bottom:.625rem;font-size:1rem;font-weight:700;font-weight:var(--wgt700 , 700);line-height:1.375;color:#fff;white-space:nowrap;text-overflow:hidden} #userCommentInfo .user-infomation .lists {display:block;padding:0;margin:0;font-size:0;list-style:none;text-align:left} #userCommentInfo .user-infomation .lists > li {display:inline-block;position:relative;font-size:.8125rem;line-height:1.2;color:rgba(255,255,255,.6);vertical-align:middle} #userCommentInfo .user-infomation .lists > li:not(:first-child) {margin-left:.75rem;padding-left:.75rem} #userCommentInfo .user-infomation .lists > li:not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.75rem;border-left:1px solid rgba(255,255,255,.15);-ms-transform:translateY(-50%);transform:translateY(-50%)} /* user comment */ #userCommentInfo .cmt-info-body, #userCommentInfo .cmt-item {display:block} #userCommentInfo .cmt-info-body > .cmt-item:not(:first-child) {margin-top:2.5rem} #userCommentInfo .cmt-item .dated {display:block;padding:0;margin:0 auto .625rem;font-size:.8125rem;line-height:1;color:rgba(0,0,0,.65);white-space:nowrap} #userCommentInfo .cmt-item .org-article {display:block;margin-bottom:.625rem} #userCommentInfo .cmt-item .org-article::after {content:'';display:table;clear:both} #userCommentInfo .cmt-item .org-article > .image {overflow:hidden;float:left;width:40px;height:40px;margin-right:1rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover} #userCommentInfo .cmt-item .org-article > .subject {display:block;overflow:hidden;font-size:1.0625rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:40px;color:#000;white-space:nowrap;text-overflow:ellipsis} #userCommentInfo .cmt-item .cmt-box {display:block;overflow:hidden;padding:1.25rem;background-color:#f5f6f6;border:1px solid rgba(0,0,0,.08);border-radius:.25rem} #userCommentInfo .cmt-item .text {display:block;padding:0;margin:0 auto 1rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:#000} #userCommentInfo .cmt-item.recomment .text::before {content:'답글';display:inline-block;overflow:hidden;padding:0 .625rem;margin-right:.75rem;font-size:.75rem;line-height:22px;color:#fff;background-color:#787878;border-radius:.125rem;white-space:nowrap;vertical-align:middle} #userCommentInfo .cmt-item .helper-box {display:block;padding:0;margin:0;list-style:none} #userCommentInfo .cmt-item .helper-box::after {content:'';display:table;clear:both} #userCommentInfo .cmt-item .helper-box > li {float:left;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300)} #userCommentInfo .cmt-item .helper-box > li:first-child {margin-right:2.5rem} #userCommentInfo .cmt-item.recomment .helper-box > li:first-child {display:none !important} #userCommentInfo .cmt-item .helper-box > li:not(:nth-child(-n + 2)) {margin-left:.875rem} #userCommentInfo .cmt-item-more {display:block;overflow:hidden;width:100%;height:50px;margin-top:2.5rem;font-size:.9375rem;background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:.3125rem;text-align:center;cursor:pointer} /* my comment modal */ #myCommnetView {max-width:720px;background-color:#fff} #myCommnetView > .view-header {display:block;padding:1.875rem} #myCommnetView > .view-header::after {content:'';display:table;clear:both} #myCommnetView > .view-header .titles {float:left;margin:0;font-size:1.375rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:45px} #myCommnetView > .view-header .close {float:right;height:45px;margin:0;font-size:1.875rem;cursor:pointer} @media screen and (max-width: 39.9375em) { .row #myCommnetView {max-width:none} } </style> <!-- 댓글 //--> <article id="comment"> <header id="reply" class="cmt-header"> <div class="titles"><strong class="comment-count"></strong>개의 댓글</div> </header> <!-- write //--> <article class="comment-write"> <form class="comment-form" name="commentWriteForm" method="POST"> <input type="hidden" class="mode" name="mode" value="input" /> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="311" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" /> <header class="wrt-header"> <a href="https://www.korea-press.com/member/login.html?backUrl=/news/articleView.html?idxno=311#comment" class="user-name btn-comment-login">회원로그인</a> <article id="comment-guest"> <label for="guestName" class="show-for-sr">작성자</label> <input type="text" name="name" id="guestName" title="작성자" placeholder="작성자" value="" /> <label for="guestPassword" class="show-for-sr">비밀번호</label> <input type="password" name="password" id="guestPassword" title="비밀번호" placeholder="비밀번호" value="" /> </article> </header> <label for="cmtContent" class="show-for-sr">댓글 내용입력</label> <textarea name="content" title="댓글 내용입력" id="cmtContent" class="comment-content" placeholder="권리침해, 욕설 및 특정 대상을 비하하는 내용을 게시할 경우 이용약관 및 관련법률에 의해 제재될 수 있습니다. 회원 로그인을 하시면 댓글 작성이 간편합니다." ></textarea> <div class="recaptcha-container"></div> <footer class="wrt-footer"> <span class="cur--length"><strong class="comment-text-cur">0</strong> / 400</span> <button type="button" class="btn-comment-save user-bg">등록</button> </footer> </form> </article> <!--// write --> <!-- list //--> <article id="comment-list"> <header class="list-sort"> <div class="show-for-sr">댓글 정렬</div> <div class="option"> <button type="button" data-data="I" class="btn-comment-orderby btn-comment-orderby-I">최신순</button> <button type="button" data-data="C" class="btn-comment-orderby btn-comment-orderby-C">추천순</button> <button type="button" data-data="R" class="btn-comment-orderby btn-comment-orderby-R">답글순</button> </div> <div class="explain"> <a rel="menu" class="explain-btn" data-toggle="guide-panel"><i class="icon-info-o"></i> BEST댓글</a> <div id="guide-panel" class="guide" data-toggler data-animate="fade-in fade-out" data-closable> <strong>BEST 댓글</strong> 답글과 추천수를 합산하여 자동으로 노출됩니다. <button class="close-button" data-close><i class="icon-close-thin"><span class="show-for-sr">닫기</span></i></button> </div> </div> </header> <section class="best-content"> <!-- BEST 댓글 --> </section> <section class="normal-content"> <!-- 기본 댓글 --> </section> <button type="button" class="btn-comment-more"><span>더보기</span></button> </article> <!--// list --> </article> <!--// 댓글 --> <!-- 댓글삭제 //--> <div class="reveal" id="comment-reveal-delete" data-reveal> <header class="reveal-header"> <div class="reveal-title">댓글삭제</div> <div class="reveal-msg"> 삭제한 댓글은 다시 복구할 수 없습니다.<br> 그래도 삭제하시겠습니까? </div> </header> <section class="reveal-container"> <form class="comment-form" name="commentDeleteForm" method="POST"> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="table-name" name="table_name" value="article_reply" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="311" /> <input type="hidden" class="mode" name="mode" value="" /> <input type="hidden" class="idxno" name="idxno" value="" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" /> <!-- 비밀번호 //--> <fieldset id="delete-password-field" class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="removePassword" class="medium-middle"><strong class="key-point">비밀번호</strong></label> </div> <div class="medium-9 columns"> <input type="password" name="password" class="password" id="removePassword" title="비밀번호" placeholder="비밀번호 입력" class=""> </div> </fieldset> <!--// 비밀번호 --> <footer class="clearfix text-center"> <button type="button" class="button btn-comment-delete-ok"><i class="icon-trash-o"></i> 삭제</button> </footer> </form> </section> <!-- 닫기 //--> <button class="close-button" data-close aria-label="Close modal" type="button"> <i class="icon-close-thin"><span class="show-for-sr">닫기</span></i> </button> <!--// 닫기 --> </div> <!--// 댓글삭제 --> <!-- 댓글수정 //--> <div class="reveal" id="comment-reveal-modify" data-reveal> <header class="reveal-header"> <div class="reveal-title">댓글수정</div> <div class="reveal-msg"> 댓글 수정은 작성 후 1분내에만 가능합니다. </div> </header> <section class="reveal-container"> <form class="comment-form" name="commentModifyForm" method="POST"> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="table-name" name="table_name" value="article_reply" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="311" /> <input type="hidden" class="mode" name="mode" value="" /> <input type="hidden" class="idxno" name="idxno" value="" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" /> <!-- 본문 //--> <fieldset class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="modiifyContent" class="medium-middle"><strong class="key-point">본문</strong></label> <div class="size-12"> <span class="comment-text-cur"></span> / 400 </div> </div> <div class="medium-9 columns"> <textarea name="modify_content" class="modiify-content" id="modiifyContent" rows="10"></textarea> </div> </fieldset> <!--// 본문 --> <!-- 비밀번호 //--> <fieldset id="modify-password-field" class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="modifyPassword" class="medium-middle"><strong class="key-point">비밀번호</strong></label> </div> <div class="medium-9 columns"> <input type="password" name="password" class="password" id="modifyPassword" title="비밀번호" placeholder="비밀번호 입력" class=""> </div> </fieldset> <!--// 비밀번호 --> <footer class="clearfix text-center"> <button type="button" class="button btn-comment-modify-ok"><i class="icon-trash-o"></i> 수정</button> </footer> </form> </section> <!-- 닫기 //--> <button class="close-button" data-close aria-label="Close modal" type="button"> <i class="icon-close-thin"><span class="show-for-sr">닫기</span></i> </button> <!--// 닫기 --> </div> <!--// 댓글수정 --> <!-- 유저댓글모음 //--> <div class="user-comment-info-view"></div> <!--// 유저댓글모음 --> <!-- 나의 댓글모음 //--> <div class="reveal large" id="myCommnetView" data-reveal> <article class="view-header"> <div class="titles">내 댓글 모음</div> <button type="button" class="close" data-close><i class="icon-close-thin"><span class="show-for-sr">닫기</span></i></button> </article> <iframe id="myIframeBox" src="about:blank" width="100%" height="500" frameBorder="0">
주요기사 타워크레인 안전 관리 클라우드 공유 체계 기술 현실화 세월호, 국정원 내부 문건 “기획관리팀장은 국정원 협조자”, 의혹이 사실로 국민의힘 총선 수도권 위기설 ‘솔솔’, 민주당 ‘이슈화 갈수록 가속’ 김건희 특검법 거부로도, 이종섭 도주대사로도 사건 물타기 안 된다! 김문수 순천과 박용진 강북을 공천 논란, “친명 프레임, 대단히 불쾌하다!” 이재명 “이·채·양·명·주 4.10총선 국민들 화집점은 정해졌다!” 선언
