@charset "utf-8";
header {transition: none;}
.sticky_top {border-bottom:1px solid #aaa;}
header .progress-container {width: 100%; background-color:#fff; height:0;}
header .progress-bar {width: 0%; background-color:#d91b5c; height:4px; transition: width 0.5s ease; transform: translateY(12px);}

.nav_article_title {display:none; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden; text-align: center; font-weight:700; padding-left:80px; color:#fff; min-width:630px;}

.article_header {border-bottom:1px solid #ddd; margin-bottom:30px;}
.article_header .breadcrumb {color:#444; font-size:0.89em; font-weight:300; margin-bottom:15px;}
.article_header .breadcrumb a::before {content:''; margin:0 5px; background:url('https://img.rpm9.com/2024/etnews/images/gt_light.svg') no-repeat; display:inline-block; width:8px; height:12px; opacity:.5;}
.article_header .breadcrumb a:hover {text-decoration:none;}
.article_header .breadcrumb a:first-child::before {display:none; }
.article_header .breadcrumb a:last-child {color:#222; font-weight:500;}

.article_header h2 {font-size:2em; font-weight:900; letter-spacing:-0.02em; margin-bottom:20px;}
.article_header .timewrap {font-weight:400; width:100%; display:flex; justify-content: space-between;}
.article_header .timewrap .time {padding:10px 0; font-size:0.83em; color:#777; }
.article_header .timewrap time {margin-right:10px;}
.article_header .timewrap time a > span::before { content:''; display:inline-block; width:15px; height:15px; margin:0 5px 0 10px; background: url('https://img.rpm9.com/2024/etnews/images/icon_pdf.png') no-repeat center center; background-size:15px; vertical-align: middle;}

.article_header .acc_nav {position:relative;}
.article_header .acc_nav .acc_nav_btn {cursor:pointer; display:inline-block; padding:10px; line-height:1em;}
.article_header .acc_nav .acc_nav_btn > * {line-height:1em;}
.article_header .acc_nav img {width:20px; opacity:.6; display:inline-block;}
.article_header .acc_nav_btn:hover img {opacity:.7;}
.article_header .acc_nav .bookmark {position:relative; display:inline-block; }
.article_header .acc_nav .bookmark::after {content:url('https://img.rpm9.com/2024/etnews/images/bookmark_on.svg'); display:inline-block; width:20px; height:20px; left:0; top:0; position:absolute;}

.article_header .dropdown {display:none; position:absolute; right:0; top:40px; padding:15px 10px 10px; border:1px solid #ddd; background-color: #fff;  box-shadow: 0 5px 10px rgba(0,0,0,0.1);  z-index:2; justify-content: space-between; width:340px; text-align:center;}
.article_header .dropdown strong {font-weight:500; color:#222; font-size:1em; display:block; margin-bottom:2px;}
.article_header .dropdown a {display:inline-block;  font-size:0.83em; color:#444; margin:10px;}
.article_header .dropdown a:hover {text-decoration: none;}
.article_header .dropdown a span {display:inline-block; width:45px; height:45px; padding:12px; border-radius:50px; border:1px solid #aaa; margin-bottom:5px;}
.article_header .dropdown a:hover span {border:1px solid #777;}
.article_header .dropdown a:hover {opacity:.9;}
.article_header .btn_ga + .dropdown {width:240px;}
.article_header .btn_ga + .dropdown span {font-weight:400; line-height:1em;}
.article_header .dropdown .fs_small span {padding:14px 0; font-size:14px;}
.article_header .dropdown .fs_default span {padding:12px 0; font-size:18px;}
.article_header .dropdown .fs_big span {padding:10px 0; font-size:22px;}
.article_header .show {display:block;}

.dropdown .dropdown_close {position:absolute; right:18px; top:18px; width:15px; height:15px; display:inline-block;}
.dropdown .dropdown_close img {width:100%; height:100%; vertical-align:top; opacity:.5;}

article h3 {margin-bottom:40px; border-left: 6px solid #222; padding: 0 14px 2px; line-height:1.6em; text-align: left;}

.article_body {line-height:1.7em;}
.article_body p {margin-bottom:40px;}

.col_left .related_wrap {padding:20px 20px 30px; background:#eee; border-top:1px solid #444; margin-bottom:40px;}
.col_left .related_wrap h3 {margin:0 0 5px; border:0; padding:0;}
.col_left .related_wrap .related li::before { content: '';display: inline-block; width:6px; height:6px;	position: absolute;	left: 0;	top: 4px;	border-left: 2px solid #444;	border-bottom: 2px solid #444;}
.col_left .related_wrap .related li {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; font-weight:400; line-height:1.1em; position: relative; padding-left: 12px;}

.article_image {text-align:center; margin:0 auto 40px;}
.article_image a {display:inline-block; width:auto; height:auto; border:1px solid rgba(0,0,0,0.1); border-radius:0; position:relative;}
.article_image a::before {display:none;}
.article_image a::after {content:url('https://img.rpm9.com/2024/etnews/images/expand.svg'); display:inline-block; width:38px; height:38px; background:rgba(0,0,0,0.5); padding:5px; position:absolute; right:10px; top:10px; box-sizing: border-box; border-radius:2px;}
.article_image a:hover::after {background:rgba(0,0,0,0.6);}
.article_image figcaption {margin-top:5px; font-size: 0.833em; color: #777; font-weight: 400; line-height: 1.4em; max-width:700px;}
.article_image img {width:auto; height:auto; max-width:100%;}


.attach {float:right; clear:both; letter-spacing:-0.2px; margin:5px 0 20px 30px; min-width:250px; max-width:350px; border:1px solid #ddd; padding:20px 20px 20px 15px; box-shadow:0 2px 2px rgba(0,0,0,0.05); box-sizing:border-box; border-radius:2px;}
.attach strong {display:block; margin-bottom:5px;}
.attach strong i {margin-right:4px;}
.attach strong i img {width:16px; height:16px; margin-top:-2px;}
.attach > a {display:block; font-size:0.833333em; color:#666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height:1.6em; position:relative; padding-left:10px; }
.attach > a::before {content:'-'; position:absolute; left:0; margin-right:5px; color:#ddd; font-weight:bold; font-weight:100; }

.hashtag {margin-bottom:40px;}
.hashtag a {display:inline-block; padding:12px 12px 12px 10px; font-size:0.888888em; line-height:1em; border:1px solid #ddd; margin-right:8px; margin-bottom:8px; border-radius:8px;}
.hashtag a::before {content:'#'; margin-right:5px; font-weight:100;}
.hashtag a:hover {text-decoration:none; background-color:#eee;}
.hashtag::after {content:''; display:block; clear:both;}

.reporter_info {border-top:1px solid #777; margin:40px 0;}
.reporter_info li {display:flex; width:100%; column-gap:20px; align-items: center; margin-top:10px; border:1px solid #ddd; border-radius:2px; padding:20px;}
.reporter_info li:first-child {margin-top:0;}
.reporter_info figure {width:60px; height:60px; border-radius:100%; overflow:hidden; display: flex; justify-content: center; align-items:center; position:relative;}
.reporter_info figure img {width:100%; height:auto;}
.reporter_info figure::before {content:''; border:1px solid rgba(0,0,0,0.1); position:absolute; top:0; right:0; bottom:0; left:0; border-radius:100%;}
.reporter_info .text {width: calc(100% - 100px);}
.reporter_info .text  strong {font-weight:500;}
.reporter_info .text  strong a {font-weight:400; font-size:0.83em; color:#666; display:inline-block; margin-left:8px;}
.reporter_info .text  strong .more_gt img {height:10px; margin-top:-3px; margin-left:2px; opacity:.7;}
.reporter_info .text .related {margin-top:6px; font-weight:400; line-height:1.1em; position: relative; padding-left:10px; color:#444; font-size:0.888888em; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.reporter_info .text .related::before { content:'-'; display: inline-block; position:absolute; left:0;	top:0; color:#777;}

/* 에디터추가::230411 */
.article_body .article_image_right {margin:0 0 30px 30px; float:right; display:inline-block; width:auto; height:auto; max-width:300px;}
.article_body .article_image_right img {display:inline-block; cursor:pointer; width:auto; height:auto; min-width:100%; max-width:300px;}
.article_body .article_image_right a {width:auto; height:auto; display:inherit;} 
.article_body .article_image_right .caption {max-width:250px; margin:auto; text-align:right; margin-top:5px; font-size: 0.833em; color: #777; font-weight: 400; line-height: 1.4em;}
.article_body .article_image_left {margin:0 30px 30px 0; float:left; display:inline-block; width:auto; height:auto; max-width:300px;}
.article_body .article_image_left img {display:inline-block; cursor:pointer; width:auto; height:auto; min-width:100%; max-width:300px;}
.article_body .article_image_left .caption {max-width:250px; margin:auto; text-align:left; margin-top:5px; font-size: 0.833em; color: #777; font-weight: 400; line-height: 1.4em;}
.article_body .article_image_left a {width:auto; height:auto; display:inherit;}

.article_body .caption {font-size:.9em; color:#666; margin:0 auto 20px; text-align:center;}
.article_body .editor_mid_tit {font-weight:500; padding:12px 0; border-top:3px solid #00a0e9; border-bottom:1px solid #ccc; line-height:1.7em; margin:0 0 30px;}
.article_body .video_summury {display:block; width:95%; font-size:0.9em; line-height:1.4em; letter-spacing:-0.04em; font-weight:400; text-align:center; margin:-10px auto 0; color:#666;}
.article_body .editor_openlink {border:1px solid rgba(0,0,0,0.1); box-shadow:0 1px 2px 0 rgba(0,0,0,.05); margin-bottom:40px;}
.article_body .editor_openlink a {display:flex;}
.article_body .editor_openlink figure {display:flex; flex-direction:column; justify-content:center; width:100px; height:100px; background:#eee; overflow:hidden;}
.article_body .editor_openlink figure img {width:100%; height:auto; min-height:100px;}
.article_body .editor_openlink .text { display: flex; width: calc(100% - 120px); height:100px; flex-direction: column; padding:15px 0; font-size:.9em; padding-left:20px;}
.article_body .editor_openlink .text  p {margin-bottom:5px; line-height:1.4em; text-align:left;}
.article_body .editor_openlink .text .title {font-weight:500; color:#222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.article_body .editor_openlink .text .caption {font-size:.9em; color:#444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left; margin:0;}
.article_body .editor_openlink .text .link {font-size:.8em; color:#00A0E9; margin-bottom:0;}
.article_body .editor_quotation {position:relative; color:#444; margin:40px auto; text-align:center; padding:50px 0 60px;}
.article_body .editor_quotation blockquote {line-height:1.4em;}
.article_body .editor_quotation cite {font-size:.85em; font-family:inherit; color:#777; font-weight:200;}
.article_body .editor_quotation::before {content:"\00275D"; position:absolute; left:50%; top:5px; margin-left:-12px; line-height:1em; color:#aaa; font-size:50px;}
.article_body .editor_quotation::after {content:"\00275E"; position:absolute; left:50%; bottom:0; margin-left:-12px;  line-height:1em; color:#aaa; font-size:50px;}
.article_body .editor_line_solid {border:1px solid #222; margin:20px auto;}
.article_body .editor_line_dashed {border-top:2px dashed #222; margin:20px auto;}
.article_body .editor_line_dotted {border-top:2px dotted #222; margin:20px auto;}
.article_body .editor_line_double {height:4px; border-top:1px solid #222; border-bottom:1px solid #222; margin:20px auto;}
.article_body .iframe-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; margin:0 auto 40px;}
.article_body .iframe-container iframe, .article_body .iframe-container object, .article_body .iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.article_body .iframe-container + .caption {margin-top:-15px;}
.article_body .editor_sns {margin:0 auto 20px; text-align:center;}
.article_body .editor_textbox_gray {margin-bottom:40px; padding:25px; border:1px solid #ddd; background-color:#f5f5f5;}
.article_body .editor_textbox_blue {margin-bottom:40px; padding:25px; border:1px solid #d3d9ff; background-color:#f3f4fd;}
.article_body .editor_textbox_green {margin-bottom:40px; padding:25px; border:1px solid #d3ecc5; background-color:#f1f9ed;}
.article_body .editor_textbox_yellow {margin-bottom:40px; padding:25px; border:1px solid #fcf0c5; background-color:#fefaed;}
.article_body .editor_textbox_red {margin-bottom:40px; padding:25px; border:1px solid #f8dfd8; background-color:#fdf5f3;}
.article_body .editor_ul { margin: 0 0 40px; padding: 0 25px;}
.article_body .editor_ul li {list-style: disc; line-height:1.4em; margin-bottom:5px;}
.article_body .editor_ol { margin: 0 0 40px; padding: 0 25px;}
.article_body .editor_ol li {list-style: decimal; line-height:1.4em; margin-bottom:5px;}

.video-container { position: relative; width:100%; height: 0; padding-bottom: 56.25%; overflow: hidden; margin:0 auto 40px;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.article_body hr {display:block;}
/*220225_라씨로*/
.rassiro_wrap { padding-top:20px; margin-bottom:40px; border-top:1px solid #222; }
.rassiro_wrap .section_title {position:relative; font-size: 1em; line-height: 1em; margin-bottom: 20px; padding: 0;}
.rassiro_wrap .tabmenu {position:relative; margin-top:10px; height:280px;}
.rassiro_wrap .tabmenu ul > li { display:inline-block; width:50%; float:left; text-align:center; line-height:40px;}
.rassiro_wrap .tabmenu label{ display:block; width:100%; padding:12px 0; line-height:1em; letter-spacing:-0.05em; border:1px solid #ddd; color:#777; cursor:pointer; background:#eee;}
.rassiro_wrap .tabmenu input{display:none;}
.rassiro_wrap .tab_con { display:none; text-align:left; position:absolute; left:0; right:0; top:45px; box-sizing: border-box; background:#fff;}
.rassiro_wrap .tab_con table {width:100%; border-collapse:collapse; border-collapse:collapse; table-layout: fixed;}
.rassiro_wrap .tab_con td {line-height:1em; padding:14px 0; font-size:0.833333em; letter-spacing:-0.05em; border-bottom:1px solid #eee; font-weight:400;}
.rassiro_wrap .tab_con td:first-child {width:20px; font-weight:300; color:#777; font-style: italic;}
.rassiro_wrap .tab_con td:nth-child(2) {font-weight:500; color:#000; }
.rassiro_wrap .tab_con td:nth-child(2) a {display:block; font-size:16px; line-height:1em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rassiro_wrap .tab_con td:nth-child(3) {width:80px; text-align:right; color:#777;}
.rassiro_wrap .tab_con td:last-child {width:70px; text-align:right; color:#d02d32;}
.rassiro_wrap .tabmenu input:checked ~ label{ color:#000; font-weight:500; border:1px solid #444; box-shadow:0 2px 5px rgba(0,0,0,0.2); background:#fff;}
.rassiro_wrap .tabmenu input:checked ~ .tab_con{ display:block;}
.rassiro_wrap .order {position:absolute; right:0; bottom:0; display:inline-block; color:#fff; font-size:15px; font-weight:400; line-height:1em; letter-spacing:-0.1em; }
.rassiro_wrap .buy {display:inline-block; color:#d02d32;}
.rassiro_wrap .sell {display:inline-block; color:#1c67d1; margin-left:5px;}
.rassiro_wrap .btn_wrap {text-align:center; margin-top:10px;}
.rassiro_wrap .btn_wrap a {display:block; padding: 12px 12px 12px 10px; font-size: 0.888888em; line-height: 1em; background-color: #eee; border: 1px solid #ddd; margin-right: 5px; color:#444;}
.rassiro_wrap .btn_wrap a:hover {text-decoration:none; background-color:#ddd;}
.rassiro_wrap .period {font-size:0.833333em; font-weight:300; line-height:1em; text-align:right; letter-spacing: -0.05em; color:#777; margin-top:0;}


/* 광고 */
.ad_thumbtext {margin:20px 0 40px; border:1px solid rgba(0,0,0,0.2); padding:20px;}
.ad_thumbtext a:hover {text-decoration:none;}
.ad_thumbtext .thumb {float:left; width:200px; height:140px; overflow:hidden; margin-right:20px; border:1px solid rgba(0,0,0,0.1);}
.ad_thumbtext .thumb img {width:100%; height:auto;}
.ad_thumbtext .text { letter-spacing:-0.02em; font-size:15px; padding:15px 0; color:#222;}
.ad_thumbtext .text strong {display:block; font-size:19px; margin-bottom:5px; word-break: keep-all; line-height:1.4em; font-weight:600; color:#000;}
.ad_thumbtext .text .more {color:cornflowerblue; margin-top:15px;}
.ad_thumbtext a:hover .more {text-decoration: underline; text-decoration-color:cornflowerblue;}

.ad_text {width:100%; height: auto; font-size: 0.95em; border-top:2px solid #222; margin-bottom:40px;}
.ad_text li {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight:400; letter-spacing:-0.03em; padding:12px 0; border-bottom:1px solid #eee; }

.ad_300x250 {display:inline-block; width:300px; height:250px; border:none; margin-bottom:40px; background-color:#eee;}
.ad_300x600 {display:inline-block; width:300px; height:600px; border:none; margin-bottom:40px; background-color:#eee;}
.ad_view300x250 {width:300px; height:250px; overflow:hidden; margin-bottom:50px; margin-right:40px; float:left; background-color:#eee;}

.aside_wrap .ad_300x250 {border:none; padding:0;}
.aside_wrap .ad_300x600 {border:none; padding:0;}
.col_left .ad_300x250 {margin:0 38px 40px;}
.ad_728x90 {margin:20px auto 0;}

main .wrap {position:relative;}
.ad_160x600_l {position: absolute; width:160px; height:600px; background: #eee; left: -200px;}
.ad_160x600_r {position: absolute; width:160px; height:600px; background: #eee; right: -200px;}

/* 용어 */
.a_ict_word { position:relative;}
.a_ict_word a:hover {text-decoration:none;}
.a_ict_word .ict_word { color:#222; z-index:90; box-shadow:inset 0 -5px 0 rgba(243,247,88,1);}
.a_ict_word .ict_word:hover {text-decoration:none; box-shadow:inset 0 -20px 0 rgba(243,247,88,1);}
.ict_word_box { display:block; width:250px; padding:20px 20px 30px 20px; border:1px solid rgba(0,0,0,0.2); background-color:#fff; box-shadow:2px 2px 3px rgba(0,0,0,0.05); border-radius:10px; font-size:0.888888em;}
.ict_word_box strong { display:block; color:#222; line-height:1.2;}
.ict_word_box span { display:block; margin:5px 0 0 0; padding:0; font-size:0.9em; line-height:1.2;color:#0f0f32; }
.ict_word_box span.ict_word_btn { position:absolute; right:7px; bottom:7px; font-size:0.75em; color:#5a5a5a;}
.ict_word_box_left { display:block; position:absolute; top:20px; left:0; z-index:100;  }
.ict_word_box_right { display:block; position:absolute; top:20px; right:0; z-index:100;  }
.layer_colsed { width:20px; height:20px;z-index:10; position:absolute; right:0; top:5px; background:transparent url('https://img.rpm9.com/2013/ICT/layer_colsed.jpg') no-repeat left top; font-size:0; color:#fff;}

@media screen and (max-width: 1160px) {
  main {padding-left:0; padding-right:0;}
  .article_header {padding-left:30px; padding-right:30px;}
  .article_body p {padding:0 30px;}
  article h3, .hashtag, .related_wrap, .reporter_info {margin-left:30px; }
  .article_body .editor_mid_tit {margin-left:30px; margin-right:30px;}
  
}

@media print {
header, footer, .sticky_top, .ad_article_top_full, .aside_wrap , .col_left .ad_300x250, .ad_newsroom, .acc_nav, .ad_728x90
{display:none !important;}
.col_left {width:99%;}
.col_left::after {content:'Copyright © Electronic Times Internet. All Rights Reserved.'; display:block; text-align:center; font-size:0.888888em; letter-spacing:-0.05em; margin-top:40px; }
.col_left::before {content:url('https://img.rpm9.com/2024/etnews/images/logo_etnews.svg'); width:300px; display:block; margin:20px 0 40px;}
}