@charset "utf-8";

/*공통*/
.row .wrap {display:flex; column-gap:40px; align-items: flex-start;}
.row .col_left {width:760px; display:flex; flex-wrap: wrap; column-gap: 40px;}
.first_wrap .aside_wrap {width:300px;}

/*9등급*/
.lank9 {width:100%; display:flex; justify-content:space-between; padding-bottom:40px; margin-bottom:20px; border-bottom:1px solid #eee;}
.lank9 .text {width:380px;}
.lank9 .text h2 {font-size:1.94em; line-height: 1.3em; word-break:keep-all;}
.lank9 .text .summary {margin:20px 0;  -webkit-line-clamp:2;}
.lank9 .text .related li {color:#444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:10px; font-weight:400; line-height:1em; position:relative; padding-left:12px;}
.lank9 .text .related li:before {content:''; display:inline-block; width:6px; height:6px; position:absolute; left:0; top:4px; border-left:2px solid #777; border-bottom:2px solid #777;}
.lank9 figure a {width:360px; height:220px; border-radius:10px;}
.lank9 figure a::before {border-radius:10px;}

.lank8 {width:240px; }
.lank8 li:first-child  {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eee;}
.lank8 figure a {width:240px; height:140px;}
.lank8 .text strong {display:block; margin-top:15px; margin-bottom:10px;}
.lank8 .text .summary {-webkit-line-clamp:3; }

.lank7:before {content:''; position:absolute; top:0; bottom:0; left:-19px; width:1px; border-left:1px solid #eee;}
.lank7 {position:relative; width:480px;  }
.lank7 li {display:flex; column-gap:20px; align-items: center; margin-bottom:30px;}
.lank7 li:last-child {margin-bottom:0;}
.lank7 figure a {width:144px; height:80px;}
.lank7 .text {width:100%;}
.lank7 .text .summary {-webkit-line-clamp:1; margin-top:8px;}

/*특집::9등급아래*/
.special_wrap {width:100%; margin-top:-21px; margin-bottom:40px; box-shadow: 0 1px 4px rgba(0,0,0,0.05); background-color:#fafafa;}
.special_wrap h3 {width:100%;}
.special_wrap h3 img {width:100%;}
.special_wrap ul {padding:20px; border:1px solid rgba(0,0,0,0.1); }
.special_wrap li {display:flex; column-gap:20px; margin-top:20px; align-items:center;}
.special_wrap li:first-child {margin-top:0;}
.special_wrap figure a {width:240px; height:140px;}
.special_wrap .text {width:100%;}
.special_wrap .text .summary {margin-top:10px;}

/* 오늘의전자신문 */
.today_etnews {background-color:#eee; margin-bottom:30px; border:1px solid #ddd; padding:15px; font-size:0.889em;}
.today_etnews .today_etnews_header {display:flex; justify-content: space-between; align-items: end; border-bottom:1px solid #444; padding-bottom:10px;}
.today_etnews .today_etnews_title {font-size:1em; margin:0; color:#000; font-weight:900;}
.today_etnews .today_etnews_date { color:#222; font-weight:300; }
.today_etnews .today_etnews_img {float:inherit; background:#000; margin:10px auto 20px; width:270px; height:160px; box-shadow:0 2px 2px rgba(0,0,0,0.1); border:1px solid #ccc; overflow:hidden; position:relative;}
.today_etnews .today_etnews_img  img + span {opacity:0; position:absolute; left:50%; top:50%; padding:10px 16px; transform:translate(-50%,-50%); border-radius:20px; letter-spacing:-0.02em; background:#d91b5c; color:#fff; font-size:0.889em; line-height:1em; font-weight:600; box-shadow:0 0 10px rgba(0,0,0,.5); transition:.1s;}
.today_etnews .today_etnews_img:hover span {opacity:1; transition:.1s;}
.today_etnews .today_etnews_img img {width:100%;}
.today_etnews .today_etnews_nav ul {display:flex; justify-content: space-between; flex-wrap: wrap;}
.today_etnews .today_etnews_nav li {width:50%; border:none; padding:0 5px; margin-bottom:8px; color:#222;}
.today_etnews .today_etnews_nav li:nth-child(odd) {width:55%;}
.today_etnews .today_etnews_nav li:nth-child(even) {width:45%;}

/* 이슈플러스 */
.issue h3 {border-top:3px solid #d91b5c; color:#d91b5c; padding:20px 0;}
.issue .flex {justify-content: space-between;}
.issue ul {width:340px;}
.issue .tit {display:flex; justify-content: space-between; column-gap:20px; margin-top:10px; word-break:keep-all; align-items: baseline;}
.issue .tit strong {width:calc(100% - 100px); word-break:break-all; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis;}
.issue .tit .date {font-size:0.833em; color:#666; font-weight:300; }
.issue figure a {width:340px; height:200px; border-radius:10px;}
.issue figure a:before {border-radius:10px;}
.issue figure img {width: 100%; height: fit-content;}

/* 두번째섹션 */
.second_wrap .col_left {width:720px; border-top:1px solid #222; align-items: flex-start; padding-top:20px;}
.second_wrap .col_left h3 {padding:20px 0;}
.second_wrap .lank7 {width:440px;}
.second_wrap aside {width:340px; border-top:1px solid #222; padding-top:20px; margin-bottom:35px;}
.second_wrap aside:last-child {margin-bottom:0;}
.second_wrap aside h2 {margin-bottom:15px;}
.second_wrap .text_thumb_list li:first-child {border-top:none; padding-top:0;}

.newsroom a {display: flex; align-items: center; padding: 15px 0; border-top: 1px solid #eee; justify-content: space-between;}
.newsroom a:hover {text-decoration:none;}
.newsroom a:hover strong {text-decoration: underline;}
.newsroom .company {font-size: 0.833em; color: #d91b5c; display: block; margin-bottom: 4px;}
.newsroom .thumb {display:block; order:2; width:85px; height:70px; overflow: hidden; justify-content: center; position:relative; border-radius:8px;}
.newsroom .thumb::before {content: ''; border: 1px solid rgba(0,0,0,0.1); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border-radius:8px;}
.newsroom .thumb img {height:100%; width:auto; transform:translateX(-20px); border:none;}
.newsroom .text {order:0; width:calc(100% - 100px);}
.newsroom .text strong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.newsroom .slick-slide {margin:0 10px;}
.newsroom .slick-list {margin:0 -10px;}

.opinion .text_thumb_list .text {width:100%; /*width:calc(100% - 80px);*/}
.opinion .text_thumb_list figure a {width:60px; height:60px; border-radius:100%;}
.opinion .text_thumb_list figure img {filter:grayscale(100%)}
.opinion .text_thumb_list figure a:before {border-radius:100%;}

.unit_wrap {display:flex; flex-wrap: wrap; column-gap:21px; justify-content: space-between; width:100%;}
.unit_wrap .unit {width:calc(33.333333333% - 14px); border-top:1px solid #222; margin-bottom:40px;}
.unit_wrap .unit h3 {display: flex;justify-content: space-between;}
.unit_wrap .unit h3 a + a {font-size: 0.833em; font-weight: 300;}
.unit_wrap .unit figure {margin-bottom:15px;}
.unit_wrap .unit figure a {width:226px; height:128px;}
.unit_wrap .unit figure a img {min-width:226px;}
.unit_wrap .unit .text strong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

/**/
.column_theme .text_thumb_list .text {width:100%;}
.column_unit .text_thumb_list .text strong {-webkit-line-clamp:3;}

.viewpoint {width:100%; border-top:1px solid #222; margin-bottom:40px;}
.viewpoint li {width:226px;}
.viewpoint figure {margin-bottom:15px;}
.viewpoint figure a {width:226px; height:128px;}
.viewpoint .text strong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

/*포토&영상섹션추가로 인한 포스트 수정::250207*/
.unit2_wrap {width:473px; overflow:hidden;}
.unit2_wrap .flex {column-gap:21px;}

.mostview {width:100%; border-top:1px solid #222; overflow:hidden;}
.second_wrap .mostview h3 {padding:20px 0 15px;}
.mostview ol {display:flex; flex-direction: column; flex-wrap: wrap; height: calc(50px * 5); column-gap: 20px;}
.mostview ol li {list-style: decimal; list-style-position:inside; width:calc(50% - 10px); max-height:50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:500; padding:12px 0; border-bottom:1px solid #eee;}
.mostview ol li::marker {color:#444; font-weight:300;}
.mostview ol li a {padding-left:4px;}

.enternews h3 {padding:20px 0; border-top:1px solid #222;}
.enternews li {width:340px;}
.enternews figure {margin-bottom:15px;}
.enternews figure a {width:340px; height:200px; border-radius:10px;}
.enternews figure a:before {border-radius:10px;}
.enternews .text strong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

/* TOP10 */
.topnews {height:415px; overflow:hidden;}
.topnews h3 {align-items:end;}
.topnews h3 .date {font-size: 0.777777em; font-weight:300; display: block; color: #777; line-height: 1em;}
.topnews .slider .slick-dots {top:-75px; right:1px;}
.topnews .slick-list {max-height:415px; overflow:hidden;}


/* 채널구독버튼 */
.btn_channel_wrap {display:flex; justify-content:space-between; margin:40px auto; width:100%;}
.btn_channel_wrap a {display:block; border:1px solid #ddd; width:48.5%; padding:18px 0; text-align:center; border-radius:8px; line-height:1em;}
.btn_channel_wrap a img {display:inline-block; height:20px; width:auto;}
.btn_channel_wrap a:hover {background-color:#fafafa;}


/* 숏폼 */
.shortform {width:340px; height:230px; }
.shortform2 {width:340px; height:306px;}
.shortform2 .slider figure {width:340px; height:200px;}
.shortform3 {border-top:2px solid #d91b5c;}
.shortform3 h3 {color:#d91b5c;}

.viewpoint + .viewpoint {border-top:1px solid #222; }
.viewpoint + .viewpoint h3 {color:#222;}

.second_wrap .ad_300x600 {background-color:#eee; border:none; padding:20px; width:340px; height:640px; text-align:center; margin-bottom:40px;}

/* 최상단알림 */
.sticky_top .top_notice {display:none;}
.top_notice {background-color:#222; color:#fff; font-size:0.888888em; line-height:1em; padding:10px; text-align:center;}
.top_notice a:hover {text-decoration:none;}
.top_notice p {display:inline-block; font-weight:500; margin:5px 0;}
.top_notice .btn_notice {background-color:#d91b5c; padding:5px 8px 5px 12px; border-radius:20px; display:inline-block; margin:0 8px;}
.top_notice .btn_notice i {display: inline-block; width: 12px; height: 12px; background: url('https://img.etnews.com/2024/etnews/images/gt_medium_white.svg') no-repeat;  opacity: .9; margin-left:5px;}

/* 9등급 확장형 :: 241204 */
.first_wrap .lank9_extend {display:grid; column-gap:40px; margin-bottom:40px; border-bottom:1px solid #222; padding-bottom:40px;}
.first_wrap .lank9_extend h2 {grid-column: 1 / 3; grid-row: 1 / 2; font-size:50px; text-align:center; margin-bottom:30px;}
.first_wrap .lank9_extend .text {grid-column: 1 / 2; grid-row: 2 / 3; width:100%; margin-top:10px;}
.first_wrap .lank9_extend .text .summary {margin-bottom:20px; -webkit-line-clamp:inherit; font-size:0.888888em; line-height:1.5em;}
.first_wrap .lank9_extend figure {grid-column: 2 / 3; grid-row: 2 / 3;}
.first_wrap .lank9_extend figure a {width:690px; height:345px;}
.first_wrap .lank9_extend .text .related li {color: #222; margin-top:12px; font-weight:500; position: relative; padding-left: 12px;}
.first_wrap .lank9_extend .text .related li:before { content: ''; display: inline-block; width: 6px; height: 6px; position: absolute; left: 0; top: 5px; border-left: 2px solid #444; border-bottom: 2px solid #444; }

/* h3 우측링크 AI스튜디오::250630*/
.tit {position:relative;}
.link_h3 {padding: 5px 14px; border-radius: 50px; border:1px solid rgba(0,0,0,0.1); position:absolute; right:0; top:15px;}
.link_h3 img {display:block; height:20px; }
.link_onestudio {background: #00aaff; }
.link_onestudio:hover {background: linear-gradient(to bottom right ,#00aaff, #007fff);}