@charset "utf-8";
/* 메인페이지용 css */

/* 메인 콘텐츠 : main01 (상단 주요 콘텐츠 영역) ----------------------------------------------------- */
.main01 > .right .bnbox {
  margin-bottom: 10px;
}
.main01 > .right > div {
  margin-bottom: 10px;
}

/* 상단 좌측영역 ***********************************************************************************************/
/* 중탑 + 헤드라인 */
.headtop {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  /* border: 4px solid indigo; */
}
.headtop > article {
  flex-basis: 260px;
  margin-right: 20px;
}
.headtop > article .subject {
  padding: 8px 0;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: bold;
}
.headtop > article .summary a {
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
.headtop .lefttopnews {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.headtop .lefttopnews {
  flex-basis: 260px;
  margin-right: 20px;
}
.headtop .lefttopnews .subject {
  padding: 8px 0;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: bold;
}
.headtop .lefttopnews .summary a {
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.headtop .lefttopnews .leftbn_group > div {
  margin-top: 10px;
}
.headline {
  flex: 1;
}
.headline .thumb_v .thumb {
  position: relative;
  height: 320px;
}
.headline .thumb_v .subject {
  padding: 8px 0px 3px 0px;
}
.headline .thumb_v .subject a {
  display: inline;
  font-weight: bold;
  font-size: 2.1rem;
  line-height: 1.3;
  letter-spacing: -1.5px;
  text-decoration: none;
}
.headline .thumb_v .subject a:hover {
  border-bottom: 1px solid #333;
}
.headline .newslist {
  margin-top: 15px;
}
.headline .pagearrow a {
  top: 50%;
  width: 40px;
  height: 50px;
  margin-top: -25px;
  background-color: rgba(0, 0, 0, 0.5);
}
.headline .pagearrow .btn_prev {
  background-position: left -308px top -306px;
}
.headline .pagearrow .btn_next {
  background-position: left -345px top -306px;
}
.headline .pagedot {
  position: absolute;
  right: 10px;
  top: 10px;
}

/* 속보 */
.mainwrap .quicknews {
  background-color: #4365b9;
  margin: 0 0 30px 0;
  padding: 12px 20px 12px 25px;
}
.mainwrap .quicknews h3 {
  margin-right: 15px;
  color: #4365b9;
  background-color: #fff;
  padding: 2px 15px 4px 15px;
}
.mainwrap .quicknews .newslist li a {
  font-size: 1.05rem;
  color: #fff;
}
.mainwrap .quicknews span a {
  background-position: left 5px top -636px;
}

/* 중탑 */
.topnews {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.topnews > div {
  width: 260px;
}
.topnews .thumb_v .subject {
  padding: 8px 0;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: bold;
}
.topnews .thumb_v .summary a {
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* 소중탑 */
.topnewslist {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 30px 0 40px 0;
}
.topnewslist:last-child {
  margin: 50px 0 20px 0;
}
.topnewslist > .left {
  flex: 1;
}
.topnewslist > .center {
  flex-basis: 240px;
  margin-left: 40px;
}
.topnewslist > .left > .thumb_h {
  display: block;
}
.topnewslist > .left > .thumb_h:last-child {
  margin-bottom: 0;
}
.topnewslist > .left > .thumb_h .subject {
  font-size: 1.2rem;
  letter-spacing: -1px;
}
.topnewslist > .left > .thumb_h .subject a {
  -webkit-line-clamp: 1;
  margin-bottom: 12px;
  margin-left: 5px;
}
.topnewslist > .left > .thumb_h .inbox {
  display: flex;
  align-items: flex-start;
}
.topnewslist > .left > .thumb_h .thumb {
  display: inline-block;
  margin-right: 10px;
  flex-basis: 160px;
  height: 110px;
}
.topnewslist > .left > .thumb_h .summary {
  flex: 1;
  margin: 6px 0 0 7px;
  color: #333;
}
.topnewslist > .left > .thumb_h .summary a {
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.topnewslist > .left > .thumb_h .newslist {
  flex: 1;
  margin: 7px 0 0 7px;
}
.topnewslist > .left > .thumb_h .newslist li {
  margin-bottom: 3px;
}

/* 오늘의 핫이슈 */
.todayissue {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}
.todayissue .sectit {
  padding: 0;
}
.todayissue .sectit h3 {
  height: 53px;
  text-indent: -9999px;
  background-image: url(/images/tit_todayissue1.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.todayissue .newslist {
  border-top: 3px solid #ba8e8f;
  padding-top: 5px;
}
.todayissue .newslist li {
  padding: 2px 0 6px 35px;
  border-bottom: 1px solid #eee;
}
.todayissue .newslist a {
  background-color: #fff;
  color: #333;
  padding: 4px 0;
}
.todayissue .inbox p a {
  padding: 5px 0;
  display: block;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url(/images/txtimg.png), url(/images/bullet.png);
  background-repeat: no-repeat;
}
.todayissue .inbox p:nth-child(2) a {
  background-position: left 10px top -70px, right 5px top -788px;
}
.todayissue .inbox p:nth-child(3) a {
  background-position: left 10px top -111px, right 5px top -790px;
}

/* 화제의 영상 */
.hotvideo .inbox {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 34px 56px 30px 56px;
  background-color: #000;
}
.hotvideo .inbox .thumb_v {
  width: calc(50% - 10px);
}
/* .hotvideo .inbox .thumb_v:nth-child(1) {margin-right: 15px;}
.hotvideo .inbox .thumb_v:nth-child(2) {margin-left: 15px;} */
.hotvideo .inbox .thumb_v .thumb {
  height: 230px;
}
.hotvideo .inbox .thumb_v .subject a {
  font-size: 1.1rem;
  color: #fff;
}
.hotvideo .pagearrow a {
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
}
.hotvideo .pagearrow .btn_prev {
  background-position: left 18px top -306px;
}
.hotvideo .pagearrow .btn_next {
  background-position: left -23px top -306px;
}

/* 특파원 리포트 */
.corres .inbox {
  padding: 12px 0;
  border-top: 1px solid #ccc;
}
.corres .inbox > div {
  margin-bottom: 8px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #ccc;
}
.corres .inbox > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.corres .inbox > div > div {
  margin-bottom: 6px;
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.corres .inbox > div > div a:nth-child(1) {
  width: 60px;
  min-width: 60px;
  height: 60px;
  margin-right: 10px;
  border: 1px solid #ccc;
  border-radius: 100px;
  background-color: #ccc;
}
.corres .inbox > div > div a:nth-child(1) img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
}
.corres .inbox > div > div a:nth-child(2) {
  color: #1b4ab5;
  font-weight: bold;
  font-size: 1rem;
}
.corres .inbox > div > div a:nth-child(2):hover {
  text-decoration: none;
}

/* 오늘의 포토 */
.todayphoto .inbox {
  display: flex;
  justify-content: space-between;
  padding: 35px 30px;
  background-color: #000;
}
.todayphoto .inbox .thumb_v {
  flex-basis: 450px;
  margin-right: 30px;
}
.todayphoto .inbox .thumb_v .thumb {
  height: 290px;
}
.todayphoto .inbox .thumb_v .subject a {
  font-size: 1.1rem;
  color: #fff;
}
.todayphoto .inbox .thumb_v .subject {
  padding-bottom: 0;
}
.todayphoto .inbox > div {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.todayphoto .inbox > div a {
  flex: 1 1 45%;
  height: 100px;
  margin-bottom: 15px;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  opacity: 0.5;
}
.todayphoto .inbox > div a:nth-child(odd) {
  margin-right: 10px;
}
.todayphoto .inbox > div a:nth-child(even) {
  margin-left: 10px;
}
.todayphoto .inbox > div a:nth-child(5),
.todayphoto .inbox > div a:nth-child(6) {
  margin-bottom: 0;
}
.todayphoto .inbox > div a img {
  width: 100%;
  height: 100%;
}
.todayphoto .inbox > div a:hover,
.todayphoto .inbox > div a.on {
  opacity: 1;
}

/* center 세로 섬네일 목록(이슈체크 + 심층보도 + 오늘의 사건사고) */
.center .inbox .thumb_v {
  margin-bottom: 20px;
}
.center .inbox .thumb_v .thumb {
  height: 160px;
}

/* 라운드박스 목록(GAM 해외주식투자의 도우미 + 뉴스핌 라씨로 갓 건져올린 종목뉴스) */
.rboxlist .inbox {
  padding: 30px;
  border-radius: 20px;
  background-color: #f2f4f7;
}
.rboxlist .inbox .newslist li a {
  font-size: 1rem;
}

/* 우측영역 ********************************************************************************************************/
/* 우측영역 : 많이 읽은 기사 */
.bestnews .sectit {
  background-color: #718fad;
  padding: 6px 10px;
}
.bestnews .sectit h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bestnews .sectit h3 > a {
  font-weight: normal;
  color: #fff;
}
.bestnews .sectit h3 > span {
  font-weight: normal;
  color: #fff;
}
.bestnews .sectit h3 > ul {
  display: flex;
  padding: 0;
  border: none;
}
.bestnews .sectit h3 > ul li {
  background-image: none;
  margin-left: 5px;
  padding: 0;
  border: none;
}
.bestnews .sectit h3 > ul li a {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 8px;
  color: #fff;
  font-size: 0.85rem;
  font-weight: normal;
  text-decoration: none;
}
.bestnews .sectit h3 > ul li a.on,
.bestnews .sectit h3 > ul li a:hover {
  background-color: #204c79;
}
.bestnews ul {
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-top: none;
}
.bestnews ul li {
  display: block;
  padding-left: 25px;
  background-image: url(/images/icon.png);
  background-repeat: no-repeat;
  background-position: left 6px top -465px;
  border: 1px solid #fff;
}
.bestnews ul li:nth-child(1) {
  background-position: left 6px top -464px;
  border-bottom: 1px dashed #ccc;
}
.bestnews ul li:nth-child(2) {
  background-position: left -36px top -464px;
  border-bottom: 1px dashed #ccc;
}
.bestnews ul li:nth-child(3) {
  background-position: left -76px top -464px;
  border-bottom: 1px dashed #ccc;
}
.bestnews ul li:nth-child(4) {
  background-position: left -116px top -470px;
}
.bestnews ul li:nth-child(5) {
  background-position: left -156px top -470px;
}
.bestnews ul li:nth-child(6) {
  background-position: left -196px top -470px;
}
.bestnews ul li:nth-child(7) {
  background-position: left -236px top -470px;
}
.bestnews ul li:nth-child(8) {
  background-position: left -276px top -470px;
}
.bestnews ul li:nth-child(9) {
  background-position: left -316px top -470px;
}
.bestnews ul li:nth-child(10) {
  background-position: left -359px top -470px;
}
.bestnews .thumb_h {
  align-items: center;
  margin: 10px 0;
  background-color: #fff;
}
.bestnews .thumb_h .thumb {
  margin-right: 10px;
  flex-basis: 90px;
  height: 60px;
}
.bestnews .thumb_h .subject {
  flex: 1;
  font-size: 1rem;
}
.bestnews .thumb_h .subject a {
  -webkit-line-clamp: 2;
  font-weight: bold;
}
.bestnews ul li:nth-child(4) {
  margin-top: 10px;
}
.bestnews ul li:nth-child(n + 4) a {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 22px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  background-color: #fff;
}

/* 우측영역 : 뉴스핌이 간다...현장르포 + 그래픽뉴스 (제목 한줄처리) */
.reportage .subject,
.graphicnews .subject {
  padding: 8px 0 12px 0;
}
.reportage .subject a,
.graphicnews .subject a {
  -webkit-line-clamp: 1;
}

/* 우측영역 : 오피니언 */
.opinion {
  padding-bottom: 10px;
  background-color: #eee;
}
.opinion .sectit h3 {
  padding-left: 10px;
}
.opinion article {
  display: flex;
  padding: 10px 15px;
}
.opinion article:last-child {
  border-bottom: none;
}
.opinion article > a:nth-child(1) {
  width: 70px;
  min-width: 70px;
  height: 70px;
  margin-right: 10px;
  border: 1px solid #ccc;
  border-radius: 100px;
  background-color: #ccc;
}
.opinion article > a:nth-child(1) img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
}
.opinion div span:nth-child(1) {
  display: inline-block;
  color: #4365b9;
  font-weight: bold;
  font-size: 0.8rem;
  margin-bottom: 6px;
}
.opinion div span:nth-child(1) > span.small {
  font-size: 0.7rem;
  margin-left: 4px;
  margin-bottom: 0;
}
.opinion div span:nth-child(2) {
  font-size: 0.95rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 우측영역 : 주가정보 */
.stock .sectit {
  padding: 12px 0 0 0;
}

/* 우측영역 : 핫뉴스 */
.hotnews .sectit {
  border-bottom: 1px solid #ccc;
}
.hotnews .thumb_h .thumb {
  margin-left: 15px;
  margin-right: 0;
  flex-basis: 90px;
  height: 60px;
}
.hotnews .thumb_h .subject {
  margin-left: 10px;
}
.hotnews .thumb_h .subject a {
  -webkit-line-clamp: 2;
  font-weight: bold;
}

/* 메인 콘텐츠 : main02 (카테고리 별 박스기사 영역) ----------------------------------------------------- */
.boxnews {
  display: flex;
  flex-wrap: wrap;
}
.boxnews .inbox {
  padding: 20px;
  width: calc(25% - 41px);
  margin-left: -1px;
  margin-top: -1px;
  border: 1px solid #ccc;
}
.boxnews .inbox .sectit {
  padding: 0 0 6px 0;
}
.boxnews .inbox h3 a {
  color: #3061ff;
  font-size: 1rem;
}
.boxnews .inbox .thumb_v .thumb {
  height: 148px;
}
.boxnews .inbox .thumb_v .subject {
  padding: 8px 0;
  height: 44px;
  font-weight: bold;
}
.boxnews .newslist {
  margin-top: 10px;
}
.boxnews .newslist li {
  margin-bottom: 16px;
  height: 40px;
}
.boxnews .newslist li:last-child {
  margin-bottom: 0;
}
.boxnews .newslist li a {
  -webkit-line-clamp: 2;
}
.boxnews .china {
  width: calc(50% - 41px);
}
.boxnews .china article {
  margin-bottom: 22px;
}
.boxnews .china .thumb_h .thumb {
  flex-basis: 130px;
  height: 84px;
}
.boxnews .china .thumb_h .subject a {
  -webkit-line-clamp: 1;
  margin-top: 5px;
}
.boxnews .china .thumb_h .summary {
  line-height: 1.4;
  font-size: 0.95rem;
}
.boxnews .china .thumb_h .summary a {
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.boxnews .enter .thumb_v .thumb {
  height: 260px;
}
.boxnews #main-enter-thumb {
  height: 250px;
}

/* 메인 콘텐츠 : main03 (하단 긴배너) --------------------------------------------------------------------------------- */
/* .main03 {padding: 20px 0; background-color: #e4ebf2; display: flex; justify-content: center;} */
.main03 {
  display: flex;
  margin-top: 20px;
}

/* 메인 콘텐츠 : main04 (하단 영역 : 주요행사 + 기업소식 + 제휴언론사 + 알림) ----------------------------------------------------- */
.main04Layout{
  display: grid;
  grid-template-columns: 1fr 1fr 2fr; /* <- 오른쪽이 2칸 폭처럼 */
  column-gap: 30px;
  align-items: start;
}

.main04Block{ 
  min-width: 0; 
  display: flex;
  flex-direction: column;
  height: 100%;
}

.main04Layout > .main04Block:nth-child(1) ul,
.main04Layout > .main04Block:nth-child(2) ul{
  width: 240px;
}

.main04Layout > .main04Block:nth-child(1) ul li,
.main04Layout > .main04Block:nth-child(2) ul li{
  margin-bottom: 22px;
}
.main04Layout > .main04Block:nth-child(1) ul li:last-child,
.main04Layout > .main04Block:nth-child(2) ul li:last-child{
  margin-bottom: 0;
}

/* 제휴 언론사 */
.partner-ticker{
  overflow: hidden;
  height: 40px; 
}
.partner-ticker #scrolling_china_link{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.partner-ticker #scrolling_china_link > li{
  flex: 0 0 auto;
}
.partner-ticker #scrolling_china_link img{
  display: block;
  height: 40px;
  width: auto;
}

/* 알림 */
.notice-group{
  margin-top: auto;
  display: flex;
  gap: 22px;
}
.notice{
  flex: 1;
  min-width: 0;
  border: 1px solid #ccc;
}
.notice .sectit {
  border-bottom: 1px solid #ccc;
  padding-left: 0;
}
.notice .sectit a {
  padding-left: 12px;
}
.notice .sectit:after {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 20%;
  border-bottom: 1px solid #000;
}
.notice .newslist {
  padding: 14px 12px 14px 17px;
}
.notice .newslist li {
  margin-bottom: 8px;
}
.notice .newslist li:last-child {
  margin-bottom: 0;
}

/* 템플릿 1, 2번 */
.mainwrap > .inwrap .inwrap {
  display: flex;
}
.mainwrap > .inwrap .inwrap.main01 > .left {
  flex: 1;
  padding-right: 19px;
  border-right: 1px solid #ddd;
  min-width: 0;
}
.mainwrap > .inwrap .inwrap.main01 > .right {
  flex-basis: 300px;
  margin-left: 20px;
  height: 100%;
}

/* 대통령 취임 관련 기사노출 - 템플릿 3,4 : spotnews01 (최상단) --------------------------------------------------------------------------------- */
.spotnews01 {
  /* background-color: pink; */
}
.spotnews01 h1 a {
  display: block;
  margin-bottom: 30px;
  font-size: 3rem;
  line-height: 1.2;
  text-align: center;
}
.mainwrap > .inwrap .spotnews01 .inwrap > .left {
  flex: 1;
  min-width: 0;
}
.mainwrap > .inwrap .spotnews01 .inwrap > .right {
  flex-basis: 300px;
  margin-left: 30px;
  height: 100%;
}
.spotnews01 .left .thumb_v .thumb {
  height: 460px;
}
.spotnews01 .newslist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px 20px;
}
.spotnews01 .newslist li {
  width: 46%;
}
.spotnews01 h2 a {
  display: block;
  margin-bottom: 18px;
  font-size: 1.05rem;
  color: #1675E1;
}
.spotnews01 .right li {
  margin-bottom: 36px;
  padding-bottom: 0;
}
.spotnews01 .right li .thumb_h {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.spotnews01 .right li .thumb {
  flex-basis: 120px;
  height: 78px;
  margin-right: 10px;
}
.spotnews01 .right .subject {
  flex: 1;
}
.spotnews01 .right .subject a {
  font-weight: bold;
  font-size: 0.95rem;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}



/* 메인 템플릿4번째 */
.template4 .swiper-pagination-bullet {
  background-color: #fff !important;
  opacity: 1 !important;
}
.template4 .swiper-pagination-bullet-active {
  background-color: #f00 !important;
}
.template4 .swiper-pagination {
  top: 5px !important;
  right: 5% !important;
  bottom: auto !important;
  width: auto !important;
  left: auto !important;
}

.template2 .swiper-pagination-bullet {
  background-color: #fff !important;
  opacity: 1 !important;
}
.template2 .swiper-pagination-bullet-active {
  background-color: #f00 !important;
}
.template2 .swiper-pagination {
  top: 5px !important;
  right: 5% !important;
  bottom: auto !important;
  width: auto !important;
  left: auto !important;
}

/* 새해 관련 템플릿 - 템플릿 5 : spotnews02 (최상단) --------------------------------------------------------------------------------- */
.spotnews02 {
  margin-bottom: 50px;
  padding-bottom: 10px;
  border-bottom: 2px dashed #eee;
}
.spotnews02 h1 a {
  display: block;
  margin-bottom: 30px;
  font-size: 3rem;
  line-height: 1.2;
  text-align: center;
}
.mainwrap > .inwrap .spotnews02 .inwrap > .right {
  flex: 1;
  padding-left: 19px;
  border-left: 1px solid white;
  min-width: 0;
}
.mainwrap > .inwrap .spotnews02 .inwrap > .left {
  flex-basis: 300px;
  margin-right: 20px;
  height: 100%;
}
.spotnews02 .right .thumb_v .thumb {
  height: 520px;
}
.spotnews02 .newslist {
  padding: 20px;
}
.spotnews02 .newslist li a {
  font-size: 1.2rem;
  font-weight: bold;
}
.spotnews02 .left p:nth-child(3) {
  margin-top: 20px;
}
.spotnews02 .left p.thumb {
  height: 250px;
}
.spotnews02 .left p.subject {
  margin: 10px 0;
  font-weight: bold;
  font-size: 1.15rem;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.spotnews02 .inwrap:nth-child(3) {
  display: flex;
  justify-content: space-between;
}
.spotnews02 .inwrap:nth-child(3) article {
  width: 354px;
}
.spotnews02 .inwrap:nth-child(3) article .thumb {
  height: 248px;
}
.spotnews02 .inwrap:nth-child(3) article .subject,
.spotnews02 .inwrap:nth-child(3) article .summary {
  padding: 0 10px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.spotnews02 .inwrap:nth-child(3) article .subject {
  margin: 10px 0;
  font-weight: bold;
  font-size: 1.15rem;
  -webkit-line-clamp: 2;
}
.spotnews02 .inwrap:nth-child(3) article .summary {
  color: #666;
  -webkit-line-clamp: 3;
  line-height: 1.3;
}

/* 템플릿 8 : main_template_e_v.php (2024.12.6) - 대통력 탄핵 대비 NEW 템플릿 추가--------------------------------------------------------------------- */
.template8 {
  margin-bottom: 40px;
  border-bottom: 1px solid #ddd;
}
.template8 .inwrap {
  flex-direction: column;
}
.template8 .headline {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 30px;
}
.template8 .headline h1 {
  margin-bottom: 20px;
  font-size: 2.8rem;
  text-align: center;
}
.template8 .headline .thumb_v .thumb {
  position: relative;
  height: 360px;
}
.template8 .relatedbox {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 40px);
  margin: 0 20px;
}
.template8 .relatedbox ul {
  width: 33.3%;
}
.template8 .relatedbox ul:nth-child(2) {
  margin: 0 20px;
  padding: 0 20px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.template8 .relatedbox ul li {
  font-weight: 500;;
}


/* 카타르 월드컵 */
.worldcup a {
  position: relative;
  display: block;
  width: 260px;
  height: 110px;
  text-indent: -9999px;
  background: #b3213e url(https://img.newspim.com/web/images/2022/worldcup2.jpg)
    no-repeat 0 0;
}

/* 창간 20주년 기획 */
.main01 > .right > div.twenty {
  margin-bottom: 10px;
}
.twenty > div:nth-child(1) {
  padding: 0;
}
.twenty > div:nth-child(1) h3 {
  height: 59px;
  text-indent: -9999px;
  background: transparent url(/images/event/20_main_top.png?20230119v1)
    no-repeat 0 0;
}
.twenty > div:nth-child(2) {
  width: calc(300px - 34px);
  padding: 0 15px 15px 15px;
  background-color: #fff;
  border: 2px solid #140702;
  border-top: none;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.twenty > div:nth-child(2) > div:nth-child(1) {
  margin-bottom: 16px;
}
.twenty > div:nth-child(2) > div .sectit {
  margin-bottom: 4px;
  padding: 0;
}
.twenty > div:nth-child(2) > div .sectit h4 {
  text-indent: -9999px;
}
.twenty > div:nth-child(2) > div .sectit h4 a {
  display: block;
  height: 28px;
}
.twenty > div:nth-child(2) > div:nth-child(1) .sectit h4 {
  background: transparent url(/images/event/20_main_tit_swe.png?20230119v1)
    no-repeat 0 0;
}
.twenty > div:nth-child(2) > div:nth-child(2) .sectit h4 {
  background: transparent url(/images/event/20_main_tit_ire.png?20230119v1)
    no-repeat 0 0;
}
.twenty > div:nth-child(2) > div .thumb_h {
  margin-bottom: 0;
  align-items: center;
}
.twenty > div:nth-child(2) > div .thumb_h .thumb {
  margin-right: 15px;
  flex-basis: 90px;
  height: 60px;
}
.twenty > div:nth-child(2) > div .thumb_h .subject {
  font-size: 0.95rem;
  flex: 1;
}
.twenty > div:nth-child(2) > div .thumb_h .subject a {
  -webkit-line-clamp: 3;
}

/* 경제포럼 레이어 작은팝업 (2023-03-07) */
.smallpop {
  position: absolute;
  top: 237px;
  left: 61%;
  z-index: 99999;
  background: #323445 url(/etc/2023_forum/images/bg.png) no-repeat right -300px top
    50px / 140%;
  /* background-color: #323445;
    background-image: url(/etc/2023_forum/images/bg.png);
    background-repeat: no-repeat;
    background-position: right -440px top -30px; */
}
.smallpop a {
  width: 310px;
  padding: 30px 25px;
  display: inline-block;
}
.smallpop .txt1 p:nth-child(1) img {
  width: 73%;
}
.smallpop .txt1 p:nth-child(2) img {
  width: 91%;
}
.smallpop .txt1 p:nth-child(3) img {
  width: 100%;
}
.smallpop .txt1 p:nth-child(4) img {
  width: 75%;
}
.smallpop .txt1 p:nth-child(5) img {
  width: 75%;
}
.smallpop .txt1 p:nth-child(2) {
  margin: 10px 0;
}
.smallpop .txt1 p:nth-child(4) {
  margin: 10px 0 0 0;
}
.smallpop .photo {
  width: calc(100% - 2px);
  height: 160px;
  margin: 20px 0 15px 0;
  border: 1px solid #272934;
  background-color: #272934;
}
.smallpop .photo img {
  width: 100%;
  height: 100%;
}
.smallpop .txt2 p:nth-child(1) {
  margin-bottom: 5px;
}
.smallpop button {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  background: transparent url(/etc/2023_forum/images/ico_close.png) no-repeat
    center / 40%;
}
.smallpop .video {
  width: 778px;
  height: 438px;
  border: 1px solid #272934;
  background-color: #272934;
}

/* 경제포럼 슬라이드 큰 팝업 (2023-03-14) */
.slidepop {
  position: absolute;
  top: -770px;
  left: 50%;
  width: 1400px;
  height: 720px;
  margin-left: -700px;
  z-index: 99999;
  background-color: #323445;
  background-image: url(/etc/2023_forum/images/bg.png);
  background-repeat: no-repeat;
  background-position: right -440px top -30px;
}

.slidepop-action {
  transition: top 1s ease-in-out 0.2s;
  top: 0;
}
.slidepop-close-action {
  transition: top 1s ease-in-out 0.2s;
  top: -770px;
}

.slidepop .titarea {
  display: flex;
  justify-content: space-between;
  margin: 0 140px 20px 140px;
  padding-top: 30px;
}
.slidepop .titarea .txt1 p:nth-child(2) {
  margin: 18px 0;
}
.slidepop .titarea .txt1 p:nth-child(1) img {
  /* width: 65%; */
  width: 55%;
}
.slidepop .titarea .txt1 p:nth-child(2) img {
  /* width: 100%; */
  width: 90%;
}
.slidepop .titarea .txt1 p:nth-child(3) img {
  /* width: 80%; */
  width: 75%;
}
.slidepop .titarea .txt2 p:nth-child(1) {
  margin: 70px 0 10px 0;
}
.slidepop .titarea .txt2 p:nth-child(1) img {
  /* width: 100%; */
  width: 90%;
}
.slidepop .titarea .txt2 p:nth-child(2) img {
  /* width: 100%; */
  width: 90%;
}
.slidepop .titarea .txt2 p:nth-child(3) {
  margin: 30px 0 0 100px;
}

.slidepop .conarea {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.slidepop .conarea .left {
  width: 256px;
  height: 400px;
}
.slidepop .conarea .right {
  width: 284px;
  height: 400px;
}
.slidepop .conarea .left {
  margin-left: 25px;
  color: #fff;
}
.slidepop .conarea .right {
  margin-right: 25px;
}

.slidepop .conarea .left > div {
  margin-bottom: 60px;
}
.slidepop .conarea .left > div p {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.1rem;
  color: #2cffc1;
  margin-bottom: 10px;
}
.slidepop .conarea .left > div p span {
  display: inline-block;
}
.slidepop .conarea .left > div p span:nth-child(1) {
  margin-right: 10px;
  padding: 4px 15px;
  background-color: #2cffc1;
  color: #323445;
  border-radius: 20px;
}
.slidepop .conarea .left > div ul {
  margin-left: 65px;
}
.slidepop .conarea .left > div ul li {
  margin-bottom: 4px;
  padding-left: 12px;
  background: transparent url(/etc/2023_forum/images/icon.png) no-repeat left 0
    top -136px;
}

.slidepop .conarea .speaker {
  margin-bottom: 40px;
}
.slidepop .conarea .speaker a {
  display: inline-block;
  color: #fff;
}
.slidepop .conarea .speaker a:hover {
  text-decoration: none;
}
.slidepop .conarea .speaker p:nth-child(1) {
  font-size: 1.3rem;
}
.slidepop .conarea .speaker p:nth-child(2) {
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
  margin: 10px 0 20px 0;
  display: flex;
  font-size: 0.95rem;
}
.slidepop .conarea .speaker p:nth-child(2) span:nth-child(1) {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  border-radius: 20px;
  border: 1px solid #272934;
  background-color: #272934;
}
.slidepop .conarea .speaker p:nth-child(2) span:nth-child(2) {
  flex: 1;
}
.slidepop .conarea .speaker p:nth-child(2) img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.slidepop button {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  background: transparent url(/etc/2023_forum/images/ico_close.png) no-repeat
    center;
}
.slidepop .video {
  width: 778px;
  height: 438px;
  border: 1px solid #272934;
  background-color: #272934;
}
.movelink a {
  position: absolute;
  bottom: -50px;
  left: 50%;
  width: 190px;
  margin-left: -80px;
  padding: 20px 40px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  color: #fff;
  font-size: 1.1rem;
  background: #323445 url(/etc/2023_forum/images/ico_arrow.png) no-repeat right
    40px top 24px;
}

/* 메인면 : 2022 항저우 아시안게임 메달순위 2023-09-26 */
.medalcount {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding: 20px 25px 15px 25px;
  background-color: #e5e6f8;
  border: 1px solid #bdc2ed;
}
.medalcount .left {
  flex: 1;
}
.medalcount .title {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px dashed #bdc2ed;
}
.medalcount .title a:nth-child(1) {
  margin-right: 20px;
}
.medalcount .title a:nth-child(2) {
  display: inline-block;
  margin-right: 10px;
  padding: 4px 22px 4px 12px;
  color: #fff;
  border-radius: 5px;
  font-size: 0.9rem;
  background: #1433c4 url(/etc/2022_asiangames/images/medal/arrow.png) no-repeat
    right 12px center;
}
.medalcount .title a:nth-child(3) {
  display: inline-block;
  padding: 4px 22px 4px 12px;
  color: #fff;
  border-radius: 5px;
  font-size: 0.9rem;
  background: #861fa1 url(/etc/2022_asiangames/images/medal/arrow.png) no-repeat
    right 12px center;
}
.medalcount .title a:nth-child(2):hover,
.medalcount .title a:nth-child(3):hover {
  text-decoration: none;
}
.medalcount .left div:nth-child(2) {
  margin: 15px 10px 0 10px;
}
.medalcount .right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-basis: 290px;
  margin-left: 30px;
}
.medalcount .right > p {
  margin-top: 5px;
  margin-right: 10px;
  text-align: right;
  font-weight: bold;
  font-size: 0.8rem;
  color: #434575;
}
.medalcount .right .inbox {
  display: flex;
  justify-content: space-between;
}
.medalcount .right .inbox .flag {
  display: flex;
  flex-direction: column;
}
.medalcount .right .inbox .medal {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.medalcount .right .inbox .flag div {
  display: flex;
  align-items: center;
}
.medalcount .right .inbox .flag div:nth-child(1) {
  margin: 15px 0 0 0;
}
.medalcount .right .inbox .flag div:nth-child(2) {
  margin: 20px 0 15px 0;
}
.medalcount .right .inbox .flag div p:nth-child(1) {
  margin-right: 10px;
}
.medalcount .right .inbox .flag div p:nth-child(2) span {
  display: block;
  font-weight: bold;
  font-size: 0.85rem;
  line-height: 1.2;
}
.medalcount .right .inbox .medal p {
  display: flex;
  justify-content: space-around;
  margin: 4px 0;
}
.medalcount .right .inbox .medal p span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin: 0 2px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 0.9rem;
}
.medalcount .right .inbox .medal p span:nth-child(1) {
  border: 1px solid #d2c44a;
  background-color: #f7f5df;
}
.medalcount .right .inbox .medal p span:nth-child(2) {
  border: 1px solid #b5b5b5;
  background-color: #e4e4e4;
}
.medalcount .right .inbox .medal p span:nth-child(3) {
  border: 1px solid #bca693;
  background-color: #e7dcd2;
}
.medalcount .right .inbox .medal p:nth-child(1) span {
  width: 48px;
  height: 48px;
  font-size: 1.1rem;
  border-radius: 0;
  border: none;
}
.medalcount .right .inbox .medal p:nth-child(1) span:nth-child(1) {
  background: transparent url(/etc/2022_asiangames/images/medal/gold.png)
    no-repeat center/100%;
}
.medalcount .right .inbox .medal p:nth-child(1) span:nth-child(2) {
  background: transparent url(/etc/2022_asiangames/images/medal/silver.png)
    no-repeat center/100%;
}
.medalcount .right .inbox .medal p:nth-child(1) span:nth-child(3) {
  background: transparent url(/etc/2022_asiangames/images/medal/bronze.png)
    no-repeat center/100%;
}


/* 포럼영상 */
.forumvod {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background-color: #000;
}
.forumvod iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 2024 파리올림픽 배너 */
.olympic2024 {
  margin-top: 30px;
  height: 180px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(110deg, #2856ad 27.86%, rgb(2, 35, 102) 103.89%);
}
.olympic2024 .logo_oly {
  width: 106px;
  height: 120px;
  margin:0 30px;
}
.olympic2024 .gnb {
  margin-bottom: 10px;
  gap:15px
}
.olympic2024 .gnb li a{
  position: relative;
  padding: 3px 20px;
  font-size: 13.6px;
  text-decoration: none;
  color: #fff;
  border-radius: 20px;
  border:1px solid #6cbaff;
  background-color: rgba(0, 129, 200, 0.5);
  box-sizing: border-box;
  cursor: pointer;
}
.olympic2024 .gnb li a:hover {
  background-color: rgb(0, 129, 200);
}
.olympic2024 .thumb_h{
  width: 441px;
  margin: 0;
  padding: 6px;
  border-radius: 4px;
  align-items: center;
  background: #fff;
}
.olympic2024 .thumb_h .thumb {
  flex-basis: 160px;
  height: 110px;
  margin-right: 10px;
  border-radius: 4px;
  overflow: hidden;
}
.olympic2024 .thumb_h .subject a {
  font-size: 16px;
  -webkit-line-clamp: 1;
}
.olympic2024  .thumb_h .summary{
  margin: 6px 0 0;
  -webkit-line-clamp: 3;
}
.olympic2024 .kor_rank {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 215px;
  height: 158px;
  margin: 11px;
  border: 1px solid #146cba;
  border-radius: 4px;
  background: url('https://img.newspim.com/etc/olympic2024/medal_bg.jpg') no-repeat center center;
  background-size: cover;
  box-sizing: border-box;
  gap: 4px;
}
.olympic2024 .kor_rank.wrap-swiper {
  position: relative;
  background: none;
  overflow: hidden;
}
.olympic2024 .kor_rank.wrap-swiper .swiper,
.olympic2024 .kor_rank.wrap-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.olympic2024 .kor_rank.wrap-swiper .swiper-slide .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 14.2px;
  text-align:center;
  color: white;
}
.olympic2024 .kor_rank.wrap-swiper .swiper-slide a::before{
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0) 70%);
  position: absolute;
  content: '';
}
.olympic2024 .kor_rank.wrap-swiper .pagearrow {
  position: absolute;
  width: 100%;
  height: 100%;
}
.olympic2024 .kor_rank.wrap-swiper .pagearrow > a {
  width: 30px;
  height: 35px;
  z-index: 1;
  top: 50%;
  margin-top: -20px;
  background-image: url(https://img.newspim.com/etc/olympic2024/swiper_arrow.svg);
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0.7;
}
.olympic2024 .kor_rank.wrap-swiper .pagearrow > a:hover {
  opacity: 1;
}
.olympic2024 .kor_rank.wrap-swiper .pagearrow > a.btn_next {
  transform: rotate(180deg);
}
.olympic2024 .country_icon {
  width: 50px;
  height: 34px;
}
.olympic2024 .kor_rank_tit {
  font-size: 21px;
  font-weight: 600;
}
.kor_rank .rank {
  color: #ee334e;
}
.kor_rank .ranktime {
  font-size: 12px;
  text-align: center;
  color: #888;
}
.kor_rank .medal {
  position: relative;
  width: 195px;
  height: 40px;
  font-size: 19.2px;
  font-weight: 600;
  color: #fff;
  background: url('https://img.newspim.com/etc/olympic2024/medal.png') no-repeat top center;
  background-size: cover;
}
.kor_rank .medal .gold, .kor_rank .medal .silver, .kor_rank .medal .bronze, .kor_rank .medal .total{
  position: absolute;
  top: calc(50% - 14px);
  width: 50px;
  text-align: center;
}
.kor_rank .medal .gold {
  left: calc(50% - 102px);
}
.kor_rank .medal .silver {
  left: calc(50% - 58px);
}
.kor_rank .medal .bronze {
  left: calc(50% - 13px);
}
.kor_rank .medal .total {
  left: calc(50% + 53px);
}



/* 2024 미국대선 */
.vote2024us {
  position: relative; margin: 30px 0; height: 100px; color: #fff;
  background: #141d46 url('https://img.newspim.com/web/images/2024/vote2024us_bg.jpg') no-repeat 0 0;
}
.vote2024us h3 a {position: absolute; right: 100px; top: 0; width: 310px; height: 50px; text-indent: -9999px;}
.vote2024us ul {position: absolute; right: 80px; bottom: 10px; display: flex;}
.vote2024us ul li {margin: 0 5px;}
.vote2024us ul a:link {
  display: block; padding: 5px 10px; color: #fff; text-decoration: none; font-size: 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.5); border-radius: 50px;
}
.vote2024us ul a:visited {color: #FFF;}

.thumb.sk-image-best {
  width: 90px;
  height: 60px;
  min-height: auto;
}

.todayphoto .sk-image {
  background-color: #222;
  min-width: 150px;
  min-height: 100px;
  max-height: 290px;
  max-width: 450px;
  color:#000;
}
.todayphoto .sk-image::after {
  background: linear-gradient(90deg, #222 0%, #444 50%, #222 100%);
}

.todayphoto img.lazy:not([src]) {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

.todayphoto img.lazy[src] {
  opacity: 1;
  position: static;
}


/* 2025 대선 */
.vote2025 {
  position: relative; display: flex; justify-content: space-between; margin-bottom: 20px; height: 85px;
  background: #fff url(https://img.newspim.com/web/images/2025/vote2025_bg.jpg?20250421v1) no-repeat 0 0;
}
.vote2025 .vote2025_logo {display: flex;}
.vote2025 h1 a  {
  display: inline-block; margin: 16px 30px 0 220px; width: 98px; height: 19px; text-indent: -9999px;
  background: transparent url(https://img.newspim.com/web/images/2025/vote2025_logo.png?20250421v1) no-repeat 0 0;
}
.vote2025 .vote2025_nav  {display: flex; flex-direction: column;}
.vote2025 .vote2025_nav h2 a  {
  display: inline-block; margin: 16px 0 8px 0; width: 240px; height: 28px; text-indent: -9999px;
  background: transparent url(https://img.newspim.com/web/images/2025/vote2025_logo1.png?20250421v1) no-repeat 0 0;
}
.vote2025 .vote2025_nav nav ul {display: flex;}
.vote2025 .vote2025_nav nav ul li a {display: flex; margin-right: 5px; padding: 2px 6px; font-size: 0.9rem;}
.vote2025 nav ul li a:link, .vote2025 nav ul li a:visited, .vote2025 nav ul li a:hover, .vote2025 nav ul li a:active, .vote2025 nav ul li a:focus {color: #fff;}
.vote2025 .dday {margin: 18px 38px 0 0; text-align: center; color: #333;}
.vote2025 .dday p:nth-child(1) {font-size: 0.9rem; font-weight: 600;}
.vote2025 .dday p:nth-child(1) span{font-size: 1.3rem;}
.vote2025 .dday p:nth-child(2) span {margin: 0 4px; font-weight: bold; vertical-align: middle;}
.vote2025 .dday p:nth-child(2) span:nth-child(1), .vote2025 .dday p:nth-child(2) span:nth-child(3) {font-size: 1.6rem;}

.vote2025::before{ content: ''; position: absolute; bottom: -6px; right: 20px; width: 214px; height: 112px; background-image: url(https://img.newspim.com/web/images/2025/vote2025_win.png);}

/* 2025 대선 투표율 */
.vote2025_turnout {margin-bottom: 20px; background-color: #eee;}
.vote2025_turnout .top {
  display: flex; justify-content: space-between; align-items: center; padding: 12px 20px;
  background: transparent url(https://img.newspim.com/web/images/2025/vote2025_img.png) no-repeat right 60px bottom 2px / 12%;
}
.vote2025_turnout .top div, .vote2025_turnout .top div P {display: flex; align-items: center;}
.vote2025_turnout .top div P:nth-child(1) {margin-right: 30px;}
.vote2025_turnout .top div P:nth-child(2) {
  margin-right: 18px; padding-right: 20px;
  background: transparent url(https://img.newspim.com/web/images/2025/vote2025_bullet.gif) no-repeat right 0 center;
}
.vote2025_turnout .top div P:nth-child(2) span:nth-child(1) {margin-right: 10px; color: #000; font-weight: bold; font-size: 1.1rem;}
.vote2025_turnout .top div P:nth-child(2) span:nth-child(2) {color: #5829f2; font-weight: bold; font-size: 1.6rem;}
.vote2025_turnout .top div P:nth-child(3) span:nth-child(1) {margin-right: 10px; color: #000; font-weight: 500;}
.vote2025_turnout .top div P:nth-child(3) span:nth-child(2) {color: #5829f2; font-weight: 500;}
.vote2025_turnout .top div P:nth-child(4) {margin-left: 20px; font-size: 0.9rem; color: #666;}
.vote2025_turnout .top div P:nth-child(4) span:nth-child(1) {margin-right: 5px;}
.vote2025_turnout .top button {padding: 4px 35px 6px 20px; color: #fff; border-radius: 50px; font-size: 0.85rem;
}
.vote2025_turnout .top button.close {
  background: #333 url(https://img.newspim.com/web/images/2025/vote2025_down.gif) no-repeat right 18px center;
}
.vote2025_turnout .top button.open {
  background: #333 url(https://img.newspim.com/web/images/2025/vote2025_up.gif) no-repeat right 18px center;
}
.vote2025_turnout .arealist {padding: 1px 30px 20px 30px; background-color: #eee;}
.vote2025_turnout .arealist_in {display: flex; flex-wrap: wrap; padding-top: 20px; border-top: 1px dashed #999;}
.vote2025_turnout .arealist p {display: flex; justify-content: center; align-items: center; width: 20%; margin-bottom: 10px;}
.vote2025_turnout .arealist p:nth-child(5n) {margin-right: 0;}
.vote2025_turnout .arealist p span {display: inline-block;}
.vote2025_turnout .arealist p span:nth-child(1) {width: 40px; text-align: center; color: #000; font-weight: 500;}
.vote2025_turnout .arealist p span:nth-child(2) {width: 70px; text-align: right; color: #5829f2; font-weight: 500;}

/* 2025 대선 결과 */
.election-results { background: #f5f7fa; padding: 24px 16px 10px; margin-bottom:20px;}
.status-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 16px; gap: 10px; }
.status-header .tit {  display: flex; gap: 25px;  align-items: baseline; }
.status-header h2 { font-size: 20px; font-weight: 700; color: #333; line-height: 1.2; display: inline-block; width: 270px; height: 28px; text-indent: -9999px; background: transparent url(https://img.newspim.com/m/images/2025/vote2025_title.png) no-repeat 0 0; background-size: contain }
.status-header .percentage  { font-size: 18px; font-weight: 800; }
.status-header .percentage strong { font-size: 22px; color: #673ab7; }
.status-header .percentage strong span { font-size: 16px; }
.status-header .time {font-size: 14px; color: #666; }

.election-results .status-cards { position: relative; display: grid; grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); gap: 12px;}
.election-results .card { 
  display: flex; align-items: center; background: #fff;
  padding: 15px 20px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); transition: transform 0.2s, box-shadow 0.2s;
}
.election-results .card:hover { transform: translateY(-4px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);}
.election-results .thumb { flex-shrink: 0; width: 64px;  height: 64px; border-radius: 50%; overflow: hidden; margin-right: 20px; }
.election-results .thumb img {width: 100%; height: 100%; object-fit: cover; object-position: top; }

.election-results .votes-info {display: flex; flex-direction: column;  align-items: flex-start; flex: 1; }
.election-results .name { font-size: 16px; font-weight: 600; color: #333; margin-bottom: 4px; display: flex; align-items: center; gap: 6px; }
.election-results .party { font-size: 12px;  color: var(--party-color); background-color: rgba(0, 0, 0, 0.05);  padding: 2px 6px; border-radius: 4px;}
.election-results .number { font-size: 13px; color: #777; }
.election-results .percent { font-size: 22px; font-weight: 700; }
.election-results .election_mark { position: absolute; left: 210px; top: 45px; display: inline-block;}

.btn-wrapper { text-align: right;  margin-top: 10px }
.btn-wrapper .detail-btn { display: inline-flex; align-items: center; font-size: 13px; padding: 4px 0 4px 4px; border-radius: 4px; transition: background-color 0.2s; }
.btn-wrapper .detail-btn:visited  { color: #9e9e9e; }
.btn-wrapper .detail-icon { width: 20px; height: 20px; display: inline-block; filter: invert(30%); background-image: url(/images/bullet.png); background-repeat: no-repeat; background-position: right 6px top -1195px; }
.detail-btn:hover, .detail-btn:focus { background-color: rgba(205, 205, 205, 0.3); text-decoration: none; }



/* AI 대전환 중앙 긴배너 */
.ai_transition{
  position: relative;
  margin-bottom: 20px;
}
.ai_transition > img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.ai_transition .ai-menu{
  position: absolute;
  right: 77px;
  top: 50%;
  transform: translateY(-50%);
  height: 36px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  gap: 22px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  box-sizing: border-box;
}
.ai_transition .ai-menu a{
  color: #fff;
  text-decoration:none;
}

.ai_transition .ai-menu a:hover{
  text-shadow: 0 0 8px #a678ff, 0 0 16px #6ecbff;
  color: #cedcff;
  transition: 0.25s ease; }
  
.ai_transition .ai-menu span{
  opacity: 0.3;
}




/* AI 대전환 - 왼쪽배너 ( 2026.3.4 ) */
.ai_transition_left {
  position: relative;
  height: 130px;
  background: transparent url(https://img.newspim.com/web/images/2026/ai_transition_banner_left.jpg) no-repeat 0 0;
}
.ai_transition_left > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border: 1px solid blue;
}
.ai_transition_left .ai-menu {
  position: absolute;
  left: 20px;
  bottom: -6px;
  transform: translateY(-50%);
  height: 36px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  gap: 22px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  box-sizing: border-box;
}
.ai_transition_left .ai-menu a {
  color: #fff;
  text-decoration:none;
}
.ai_transition_left .ai-menu a:hover {
  text-shadow: 0 0 8px #a678ff, 0 0 16px #6ecbff;
  color: #cedcff;
  transition: 0.25s ease; }
  
.ai_transition_left .ai-menu span {
  opacity: 0.3;
}




/* AI 대전환 - 오른쪽 배너 ( 2026.3.17 ) */
.ai_transition_right {
  position: relative;
  height: 130px;
  background: transparent url(https://img.newspim.com/web/images/2026/ai_transition_banner_right.jpg?20260317v1) no-repeat 0 0;
}
.ai_transition_right > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border: 1px solid blue;
}
.ai_transition_right .ai-menu {
  position: absolute;
  left: 40px;
  bottom: -6px;
  transform: translateY(-50%);
  height: 36px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  gap: 22px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  box-sizing: border-box;
}
.ai_transition_right .ai-menu a {
  color: #fff;
  text-decoration:none;
}
.ai_transition_right .ai-menu a:hover {
  text-shadow: 0 0 8px #a678ff, 0 0 16px #6ecbff;
  color: #cedcff;
  transition: 0.25s ease; }
  
.ai_transition_right .ai-menu span {
  opacity: 0.3;
}





/* 트럼프 글목록 페이지 2025.11.12 */
.trumpnews .inbox {padding: 15px 5px 15px 15px; border: 1px solid #cfd9ef; border-top: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.trumpnews .scrollbar {width: 100%; height: 130px; overflow-y: scroll;}
.trumpnews .scrollbar::-webkit-scrollbar {width: 4px;}/* 스크롤바의 폭 너비 */
.scrollbar::-webkit-scrollbar-thumb {background-color: #a2adc6; /* 스크롤바 색상 */ border-radius: 10px; /* 스크롤바 둥근 테두리 */}
.scrollbar::-webkit-scrollbar-track {background-color: #cfd9ef;  /*스크롤바 뒷 배경 색상*/}
.trumpnews .inbox .listbox {margin-right: 10px; background: transparent url(https://img.newspim.com/m/etc/timelinenews/bgline.gif) repeat-y center top 0;}
.trumpnews .inbox .list {margin-bottom: 15px;}
.trumpnews .inbox .list:last-child {margin-bottom: 0;}
.trumpnews .date {display: flex; justify-content: center; margin: 0;}
.trumpnews .date span {display: inline-block; padding: 4px 20px 6px 20px; color: #fff; font-size: 0.8rem; border-radius: 30px; background-color: #002866;}
.trumpnews .inbox .txt {display: flex; justify-content: space-between; align-items: center; margin-top: 8px; padding: 10px 10px 10px 14px; border-radius: 10px;}
.trumpnews .inbox .txt:nth-child(odd) {background-color: #0097b1;}
.trumpnews .inbox .txt:nth-child(even) {background-color: #0097b1;}
.trumpnews .subject {margin: 0 10px 0 0;}
.trumpnews .subject a {
  line-height: 1.2; font-size: 0.9rem; display: inline-block; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.trumpnews .subject a:link, .trumpnews .subject a:visited, 
.trumpnews .subject a:hover, .trumpnews .subject a:active,
.trumpnews .subject a:focus {color: #fff;}
.trumpnews .btn_more2 {display: flex; justify-content: flex-end;}
.trumpnews .btn_more2 a {
    display: inline-block; padding: 0 12px; text-indent: -9999px; border-radius: 30px;
    background: #fff url(https://img.newspim.com/m/etc/timelinenews/arrow.gif) no-repeat right 8px center; opacity: 0.4;
}
.trumpnews .btn_more2 a:hover {opacity: 0.8;}



/*** 2026 밀라노 동계올림픽 2026.02.03 ***/
.milano_olympics {
  display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; width: 858px; height: 200px;
  background: #1d495a url(/etc/2026_olympic/images/banner_bg.jpg) no-repeat center top 0 / cover;
}

/* 심볼 + 메뉴 + 기사 */
.milano_olympics > .left_area {display: flex; align-items: center; flex: 1;}
.milano_olympics > .left_area .symbol {margin: 10px;}
.milano_olympics > .left_area .symbol p {width: 80px;}
.milano_olympics > .left_area .symbol p a {display: inline-block;}
.milano_olympics > .left_area .symbol p img {width: 100%;}
.milano_olympics > .left_area .articlebox {display: flex; flex-direction: column; justify-content: center;}
.milano_olympics > .left_area nav {margin-bottom: 15px; margin-top: 10px;}
.milano_olympics > .left_area nav ul {display: flex; align-items: center;}
.milano_olympics > .left_area nav ul li a {
  display: inline-block; margin-right: 10px; padding: 4px; min-width: 80px; text-align: center; font-size: 0.9rem;
  border-radius: 50px; border: 2px solid rgba(255, 255, 255, 0.5);
}
.milano_olympics > .left_area nav ul li a:hover {border: 2px solid #fff; text-decoration: none;}
.milano_olympics > .left_area .thumb_h {margin: 0; padding: 14px; background-color: #fff; border-radius: 10px;}
.milano_olympics > .left_area .thumb_h a {display: flex; align-items: center; padding: 0;}
.milano_olympics > .left_area .thumb_h a:hover {text-decoration: none;}
.milano_olympics > .left_area .thumb_h a > .thumb {display: flex; background-color: #eee; overflow: hidden; margin-right: 15px; flex-basis: 140px; height: 96px;}
.milano_olympics > .left_area .thumb_h a > .thumb img {display: inline-block;}
.milano_olympics > .left_area .thumb_h a > .txt {flex: 1;}
.milano_olympics > .left_area .thumb_h .subject, .milano_olympics > .left_area > .thumb_h .summary {
    color: #888; display: inline-block; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;
}
.milano_olympics > .left_area .thumb_h .subject {font-weight: bold; line-height: 1.2; font-size: 1rem; color: #333; -webkit-line-clamp: 2;}
.milano_olympics > .left_area .thumb_h .summary {margin-top: 5px; -webkit-line-clamp: 2; color: #666; font-size: 0.9rem;}

/* 메달순위 */
.milano_olympics > .kor_rank1 {
  display: flex; flex-direction: column; justify-content: center; align-items: center; flex-basis: 256px; height: 180px; margin: 10px; width: 256px; width: 180px;
  background: transparent url(/etc/2026_olympic/images/meda_banner_bg.jpg) no-repeat center top 0 / cover; border-radius: 10px;
}
.milano_olympics > .kor_rank1 .kor_rank_tit {display: flex; flex-direction: column; align-items: center; font-size: 1.3rem; color: #EB3838; font-weight: bold;}
.milano_olympics > .kor_rank1 .kor_rank_tit p:nth-child(1) {width: 42px; height: 28px;}
.milano_olympics > .kor_rank1 .kor_rank_tit p:nth-child(1) img {width: 100%; height: 100%; display: block;}
.milano_olympics > .kor_rank1 .kor_rank_tit p:nth-child(2) span:nth-child(1) {margin-right: 10px; font-size: 1rem; color: #000;}
.milano_olympics > .kor_rank1 .updatetime {color: #346690; font-size: 0.85rem; margin: 2px 0 15px 0;}
.milano_olympics > .kor_rank1 .updatetime span {display: inline-block;}
.milano_olympics > .kor_rank1 .updatetime span:nth-child(2) {margin: 0 5px 0 10px;}
.milano_olympics > .kor_rank1 > .medal {display: flex; justify-content: center; align-items: center; background-image: none;}
.milano_olympics > .kor_rank1 > .medal > .gold, .milano_olympics > .kor_rank1 .medal > .silver, .milano_olympics > .kor_rank1 .medal > .bronze, .milano_olympics > .kor_rank1 .medal > .total{
    display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; font-size: 1.1rem; font-weight: bold;
}
.milano_olympics > .kor_rank1 > .medal > .gold {background: transparent url(/etc/2026_olympic/images/medal/gold.png) no-repeat center / 86%;}
.milano_olympics > .kor_rank1 > .medal > .silver {background: transparent url(/etc/2026_olympic/images/medal/silver.png) no-repeat center / 86%;}
.milano_olympics > .kor_rank1 > .medal > .bronze {background: transparent url(/etc/2026_olympic/images/medal/bronze.png) no-repeat center / 86%;}
.milano_olympics > .kor_rank1 > .medal > .total {
    margin-left: 10px; color: #fff; font-size: 1.2rem; background: transparent url(/etc/2026_olympic/images/medal/total.png) no-repeat center / 100%;;
}


/*** 2026 6.3 지방선거 05-18 ***/
.vote2026_bn_wrap { width: 100%; }
.vote2026_bn_wrap .vote2026_bn {
  display: flex;
  align-items: center;
  width: 858px;
  height: 82px;
  padding: 0 40px 0 80px;
  box-sizing: border-box;
  background: url('https://img.newspim.com/web/images/2026/63vote_bg1.jpg?20260529v2') no-repeat 0 0 / 858px 82px;
  text-decoration: none;
}
.vote2026_bn_wrap .vote2026_title {
  font-size: 26px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -1px;
  line-height: 1;
  margin-right: 16px;
}
.vote2026_bn_wrap .vote2026_more {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 14px;
  border: 1px solid #b078ec;
  border-radius: 14px;
  font-size: 14px;
  color: #b078ec;
  line-height: 1;
  white-space: nowrap;
}
.vote2026_bn_wrap .vote2026_more_ico {
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-left: 8px;
  background: url('https://img.newspim.com/web/images/2026/63vote_arrow.png?20260518v1') no-repeat center center / contain;
  vertical-align: middle;
}
.vote2026_bn_wrap .vote2026_turnout {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  margin-right: 16px;
  padding: 10px 30px;
  white-space: nowrap;
  background-color: #dddef5;
}
.vote2026_bn_wrap .vote2026_turnout_info {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.2;
}
.vote2026_bn_wrap .vote2026_turnout_label {
  font-size: 18px;
  font-weight: 700;
  color: #19056a;
  font-style: normal;
  letter-spacing: -0.3px;
}
.vote2026_bn_wrap .vote2026_turnout_time {
  font-size: 12px;
  color: #747474;
  font-style: normal;
  margin-top: 2px;
}
.vote2026_bn_wrap .vote2026_turnout_rate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  padding: 10px 18px;
  border-radius: 30px;
  background: #6745df;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  box-sizing: border-box;
}
.vote2026_bn_wrap .vote2026_date {
  font-size: 14px;
  color: #fff;
  line-height: 1;
  margin-right: 10px;
  white-space: nowrap;
}
.vote2026_bn_wrap .vote2026_date::before {
  content: '●';
  color: #b078ec;
  margin-right: 0.85em;
  font-size: 0.5em;
}
.vote2026_bn_wrap .vote2026_dday {
  display: inline-block;
  padding: 5px 10px;
  color: #c084fc;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}