/*************************************************
 * 프로젝트명 : 연합뉴스 국문 PC 홈페이지 (★ 2024)
 * commnet : article.css (본문)
*************************************************/

/* =============== ####본문 공통설정 ======================== */
/* ---- ##본문 텍스트 ---- */
.story-news{box-sizing:border-box;max-width:720px;margin:0 auto;padding-top:16px;}
.story-news>p>br{display:none;}/* Br 제거 */
.story-news>p,
.story-news>span,
.story-news .social-group{margin:0 40px 32px 0px;}
.story-news>p,
.story-news>span{font-size:18px;line-height:1.5;color:var(--font-color003);word-break:break-word;}
.story-news img[src*='data:image']{max-width:100%;}/*괘선이미지*/

@media only screen and (min-width: 768px) and (max-width: 1023px){
	.story-news>p,
	.story-news>span,
	.story-news .social-group,
	.story-news .person-group,
	.story-news .encyclop-group{margin-right:40px;margin-left:40px;}
}

/* 폰트크기별 단락 간격 제어 */
.article-font1 .story-news>p,
.article-font1 .story-news>span,
.article-font1 .story-news .social-group,
.article-font1 .story-news .comp-box{margin-bottom:24px;}
.article-font2 .story-news>p,
.article-font2 .story-news>span,
.article-font2 .story-news .social-group,
.article-font2 .story-news .comp-box{margin-bottom:28px;}
.article-font3 .story-news>p,
.article-font3 .story-news>span,
.article-font3 .story-news .social-group,
.article-font3 .story-news .comp-box{margin-bottom:32px;}
.article-font4 .story-news>p,
.article-font4 .story-news>span,
.article-font4 .story-news .social-group,
.article-font4 .story-news .comp-box{margin-bottom:36px;}
.article-font5 .story-news>p,
.article-font5 .story-news>span,
.article-font5 .story-news .social-group,
.article-font5 .story-news .comp-box{margin-bottom:40px;}
@media only screen and (min-width:1024px) and (max-width:1279px) {
	.story-news>p,
	.story-news>span,
	.story-news .social-group{margin-right:0;margin-left:0;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	.story-news>p,
	.story-news>span{line-height:1.7;}
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.story-news>p,
	.story-news>span,
	.story-news .social-group{margin-right:16px;margin-left:16px;}
	.story-news>p,
	.story-news>span{font-size:18px;line-height:1.7;}
	.story-news .tit-sub .tit01{font-size:16px;}
	.story-news{max-width:100%;}
	/* 폰트크기별 단락 간격 제어 */
	.article-font1 .story-news .desc-con{margin:0 16px 24px;}
	.article-font2 .story-news .desc-con{margin:0 16px 28px;}
	.article-font3 .story-news .desc-con{margin:0 16px 32px;}
	.article-font4 .story-news .desc-con{margin:0 16px 36px;}
	.article-font5 .story-news .desc-con{margin:0 16px 40px;}
}
/* Br 제거 */
.story-news>p>br{display:none;}
/* (예외)연합백과  */
.body-view-encyclopedia .story-news>p>br{display:block;}

/* ---- ##(TEX) YNA_BODY 부제 ---- */
.story-news .tit-sub{position:relative;margin:0 auto 40px;font-weight:600;}
.story-news .tit-sub .tit01{font-size:18px;line-height:1.5;font-weight:600;color:var(--font-color003);}
.story-news .tit-sub .tit01+.tit01{margin-top:4px;}
.story-news .tit-sub .tit01:first-of-type{margin-top:0;}
.story-news .tit-sub:last-of-type{margin-bottom:40px;}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.story-news .tit-sub{padding-right:16px;padding-left:16px;}
}

/* ---- ##(TEX) YNA_BODY 괘선 ---- */
/* /base64 : AKR20200130168500054 */
.story-news>pre{overflow:visible;display:block;font-size:16px;line-height:100%;font-family:'굴림체', Gulim;letter-spacing:0;white-space:pre;}

/* ---- ##본문 테이블 ---- */
/* 작성자가 선택한 방법으로 텍스트 정렬됨 */
.story-news>table{margin:0 auto 32px;border:none;word-break:break-word;}
.story-news>table tr:first-of-type td{font-weight:600;}
.story-news>table th,
.story-news>table td{box-sizing:border-box;padding:10px;border:none;border-right:1px  solid var(--ui-tag005);border-bottom:1px solid var(--ui-tag005);}
.story-news>table th:first-of-type,
.story-news>table td:last-of-type{border-right:none;}
.story-news>table tbody tr:first-of-type td,
.story-news>table th{font-size:14px;color:var(--font-color003);}
.story-news>table tbody tr:first-of-type td{border-top:2px solid var(--ui-tag003);}
.story-news>table td{font-size:14px;color:var(--font-color005);}
.story-news>table th[align='center'],
.story-news>table td[align='center']{text-align:center;}
.story-news>table th[align='left'],
.story-news>table td[align='left']{text-align:left;}
.story-news>table th[align='right'],
.story-news>table td[align='right']{text-align:right;}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.story-news>table{max-width:calc(100% - 32px);}
	.story-news>table tbody tr:first-of-type td,
	.story-news>table td{padding:8px 2px;font-size:12px;}
	.story-news>table th,
	.story-news>table td{padding:8px 2px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.story-news>table{width:100%;}
	.story-news>table td{font-size:14px;}
}

/* ---- ##(TEX) YNA_BODY LINK ---- */
.story-news>p>a{display:inline;border-bottom:1px solid var(--ui-tag030);color:var(--font-color021);}

/* ---- ##(YHML) 하이퍼링크, 오픈링크 ---- */
/* 하이퍼링크 : .story-news .txt-hyper(문장), .story-news p>.txt-hyper (단어)
 * 오픈링크 : .story-news .txt-openurl */
.story-news .txt-hyper{display:inline-block;}
/* 단어 */
.story-news .txt-hyper a,
.story-news .txt-openurl a{font-size:18px;font-weight:400;color:var(--font-color021);text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.story-news .txt-hyper a,
	.story-news .txt-openurl a{font-size:16px;}
}
/* 문장 */
.story-news>.txt-openurl,
.story-news>.txt-hyper{display:block;margin:0 40px 4px;}
.story-news>.txt-openurl>a,
.story-news>.txt-hyper>a{font-size:18px;font-weight:400;}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width:1024px) and (max-width:1279px){
	.story-news>.txt-openurl,
	.story-news>.txt-hyper{margin:0 0 4px;}
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.story-news>.txt-openurl,
	.story-news>.txt-hyper{display:block;margin:0 16px 4px;}
	.story-news>.txt-openurl>a,
	.story-news>.txt-hyper>a{font-size:16px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.story-news>.txt-openurl,
	.story-news>.txt-hyper{margin:0 40px 4px;}
}

/* ---- ##(스크립트) 잡지식 스타일 | ISRV-737 ---- */
/* style001 : 편집자주 - 배경색
 * style002 : 소제목 - 텍스트 색상
 * style003 : 일문일답 - (bar)+배경색
 * style004 : 편집자주 - 말풍선 형태 */

/* [편집자주] */
.story-news>.style001{margin:0 0 40px;padding:16px 20px;background-color:var(--ui-tag009);font-size:14px !important;color:var(--font-color006);}
.story-news>.style001 .txt-hyper a{font-size:14px !important;}
.story-news>.style001 .style004{display:block;margin-bottom:10px;}
.story-news .style004{display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;height:26px;}
.story-news .style004 i{display:inline-block;position:relative;z-index:1;box-sizing:border-box;height:100%;padding:5px 8px;border:1px solid var(--ui-tag030);background-color:var(--ui-tag001);font-size:14px;line-height:1.2;font-weight:700;color:var(--font-color021);}
.story-news .style004:after{content:'';display:block;position:absolute;left:0;bottom:-6px;border-top:6px solid transparent;border-left:6px solid var(--ui-tag030);transform:rotate(-270deg);}

/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.story-news>.style001{box-sizing:border-box;width:calc(100% - 32px);margin:-16px auto 40px;padding:16px;font-size:14px !important;}
	.story-news .style004 i{font-size:13px;}
}
/* [소제목] */
.story-news .style001+.style002{padding-top:0;}
.story-news>.style002{font-weight:600;color:var(--font-color023) !important;}
/* [일문일답] */
.story-news>.style003{display:block;position:relative;margin-bottom:16px;padding:12px 16px;border-left:2px solid var(--ui-tag030);background-color:var(--ui-tag009);font-size:18px;line-height:1.5;font-weight:500;color:var(--font-color003);}
.story-news .style003+p{margin-bottom:40px;}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.story-news>.style003{box-sizing:border-box;width:calc(100% - 32px);margin:0 auto 16px;padding:12px 16px;font-size:16px;}
}

/* ---- ##(TEX) 저작권 ---- */
.story-news>p.txt-copyright{padding-top:40px;font-size:16px;color:var(--font-color005);}
.story-news .txt-copyright em,
.story-news .txt-copyright span{display:inline;}
.story-news .txt-copyright .txt03{display:block;margin-bottom:8px;border-bottom:0;font-size:18px;font-weight:bold;color:var(--font-color003);}
.story-news .txt-copyright .txt03 a{display:inline-block;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}
.story-news .txt-copyright .txt01,
.story-news .txt-copyright .txt02,
.story-news .txt-copyright .date{font-size:16px;}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.story-news>p.txt-copyright,
	.story-news .txt-copyright .date{font-size:16px;}
	.story-news>p.txt-copyright{margin:0 16px;padding:40px 0 0;}
}

/* ---- ##(YHML) 숨김처리 할 소재 ---- */
/* 인물(11), Not Found(XX) */
.ynaobject{display:none !important;}


/* =============== ####본문 소재 단위 (comp-box) ======================== */

/* ---- ##본문 소재 단위 공통 ---- */
.comp-box{position:relative;margin:0 auto 40px;padding-top:8px;}
.comp-box [class*='img-con'] [class*='label-box']{position:absolute;box-sizing:border-box;font-size:0;text-align:center;vertical-align:middle;}
.comp-box [class*='img-con'] [class*='label-box'].hide{display:none;}
.comp-box [class*='img-con'] .label-box01{right:0;bottom:0;}
.comp-box [class*='img-con'] .label-box02{top:0;left:0;}
.comp-box [class*='img-con'] .label-box03{top:8px;right:8px;}
.comp-box [class*='img-con'] .label-box04{left:20px;bottom:20px;}
@media only screen and (max-width:767px){
	.comp-box [class*='img-con'] .label-box03{top:12px;right:12px;}
	.comp-box [class*='img-con'] .label-box04{left:16px;bottom:16px;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	.comp-box [class*='img-con'] .label-box03{top:12px;right:12px;}
	.comp-box [class*='img-con'] .label-box04{left:16px;bottom:16px;}
}
/* 설명에 url 이 들어갈 때 */
.comp-box .txt-desc,
.comp-box [class*='txt-link']{word-break:break-word;}
/* 빈값으로 나올 때
 * .tit-cap : 소재 제목
 * .txt-desc : 소재 설명글 영역
 * .txt-link$$ : 소재 링크 영역 */
.comp-box .tit-cap:empty,
.comp-box .txt-desc:empty,
.comp-box [class*='txt-link']:empty,
.comp-box [class*='txt-link']>a:empty,
.comp-box .txt-link[data-mapping-link='']{display:none;font-size:0;line-height:0;}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.comp-box{padding-top:0;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	.comp-box{padding-top:0;}
}


/* =============== ####이미지 소재 ======================== */
/* image-zone01 : 글기사 본문
 * image-zone02 : 포토,그래픽 본문 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	[class*='image-zone0'] [class*='img-con'] img{max-height:none;}
	[class*='image-zone0'] .desc-con{margin:0 40px;}
}
/* ---- ##이미지 공통 ---- */
[class*='image-zone0'] [class*='ico-type03-gallery0'] .txt01{font-size:10px;}
[class*='image-zone0'] .tit-cap:empty+.txt-desc:empty+.txt-link:after{display:none;}
[class*='image-zone0'] [class*='img-con']{display:block;position:relative;text-align:center;}
[class*='image-zone0'] [class*='img-con']>a,
[class*='image-zone0'] [class*='img-con']>span{display:block;}
/* 세로 이미지일때 아이콘이 우측 상단에 배치될려면 .img 가 display:inline-block; 이되어야 함 */
[class*='image-zone0'] [class*='img-con'] .img{overflow:hidden;display:inline-block;position:relative;}
[class*='image-zone0'] [class*='img-con'] a.img{cursor:pointer;}
[class*='image-zone0'] [class*='img-con'] img{max-height:550px;}
[class*='image-zone0'] [class*='img-con'] img,
[class*='video-zone0'] [class*='img-con'] img{max-width:100%;}
[class*='image-zone0'] .desc-con,
[class*='video-zone0'] .desc-con{margin:0 40px;padding-top:4px;font-size:14px;line-height:1.5;}
[class*='image-zone0'] .tit-cap,
[class*='video-zone0'] .tit-cap{margin-top:4px;font-size:15px;font-weight:500;color:var(--font-color003);}
[class*='image-zone0'] .txt-desc,
[class*='image-zone0'] .txt-link{margin-top:4px;font-size:14px;color:var(--font-color006);}
[class*='image-zone0'] .txt-desc br{display:none;}
/* MEPS-19133 이슈 작업 후 속보 대표이미지에서만 title, caption 숨김처리 작업 */
[class*='image-zone0'][data-mapping-filename*='PCM20230207000204990'] .tit-cap,
[class*='image-zone0'][data-mapping-filename*='PCM20230207000204990'] .txt-desc{display:none;}
@media only screen and (min-width:1024px){
	.body-view-graphic01 [class*='image-zone0'] [class*='img-con'] img{max-height:720px;}
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width:1024px) and (max-width:1279px){
	[class*='image-zone0'] .desc-con{margin:0;}
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	[class*='image-zone0'] [class*='img-con'] img{max-height:none;}
	[class*='image-zone0'] .desc-con{margin:0 16px;}
}

/* ---- ##이미지 타입 ---- */
/* image-zone01 : 글기사 본문 */
/* .image-zone01{} */
@media only screen and (min-width:768px) and (max-width:1023px){
	.photo-group [class*='img-con'] .label-box03{top:12px;right:12px;}
	.photo-group [class*='img-con'] .label-box04{display:none;left:16px;bottom:16px;} /* @임시 : 구매하기 버튼 2차에 display:none 삭제 예정 */
}

/* image-zone02 : 포토,그래픽 본문 */
.image-zone02 [class*='img-con']{text-align:center;}
.image-zone02 img{max-width:100%;}

/* ---- ##이미지 소재 컨트롤 ---- */
/* (YHML) 내장/사전 | YCL, XED */
.photo-group .txt-link{display:block;margin-top:4px;}
.photo-group .txt-link a{display:inline-block;color:var(--font-color006);}
.photo-group [class*='img-con'] .label-box03{top:8px;right:8px;}
.photo-group [class*='img-con'] .label-box04{left:20px;bottom:20px;}
@media only screen and (max-width:767px){
	.photo-group [class*='img-con'] .label-box03{top:12px;right:12px;}
	.photo-group [class*='img-con'] .label-box04{display:none;left:16px;bottom:16px;} /* @임시 : 구매하기 버튼 2차에 display:none 삭제 예정 */
}
/* (YHML) 그래픽 | YCL, XED */
/* .graphic-group{} */

/* (YHML) 차트 | XED */
.chart-group .desc-con{text-align:center;}

/*(YHML) GIF | YCL, XED */
/* .gif-group{} */

/* (YHML) 화보 | YCL, XED */
.gallery-group [class*='img-con'] .label-box03{top:8px;right:8px;}
.gallery-group [class*='img-con'] .label-box04{left:20px;bottom:20px;}
@media only screen and (max-width:767px){
	.gallery-group [class*='img-con'] .label-box03{top:12px;right:12px;}
	.gallery-group [class*='img-con'] .label-box04{display:none;left:16px;bottom:16px;} /* @임시 : 구매하기 버튼 2차에 display:none 삭제 예정 */
}
@media only screen and (min-width:768px) and (max-width:1023px){
	.gallery-group [class*='img-con'] .label-box03{top:12px;right:12px;}
	.gallery-group [class*='img-con'] .label-box04{display:none;left:16px;bottom:16px;} /* @임시 : 구매하기 버튼 2차에 display:none 삭제 예정 */
}
/* =============== ####영상 소재 ======================== */
/* video-zone01 : 글기사 본문
 * video-zone02 : MYH 영상 본문 */

/* ---- ##영상 공통 ---- */
/* .video-zone$$.horizontal : (일반)유튜브 가로 영상
 * .video-zone$$.vertical : (쇼츠)유튜브 세로 영상 | 동적으로 vertical 추가
 * .video-zone$$[data-mapping-desc*='#shorts' i] : (쇼츠)유튜브 세로 영상 | 정적
 * .video-zone$$ [class*='img-con'] - Mobile 영상 섬네일 (반응형 고려)
 -- 숨김 : 기본 (PC에서는 MP4 영상일 경우 video-js 플레이어에서 섬네일 노출함)
 -- 노출 : 반응형 모바일 모드
 * .video-zone$$ .vid-con - 영상 재생
 -- 숨김 : 반응형 모바일 모드
 -- 노출 : 기본 */
[class*='video-zone0']{position:relative;}
[class*='video-zone0'] .vid-con{background:#e5e5e5;}
[class*='video-zone0'] .vid-con{overflow:hidden;display:block;position:relative;width:100%;height:0;padding-top:56.25%;}
[class*='video-zone0'] .player-box{background:#000;}
[class*='video-zone0'] .player-box iframe,
[class*='video-zone0'] .player-box>video,
[class*='video-zone0'] .player-box .video-js{position:absolute;top:0;left:0;width:100%;height:100%;}
/* 유튜브 세로 영상 (쇼츠) */
[class*='video-zone0'][data-mapping-desc*='#shorts' i] .vid-con{width:360px;margin:0 auto;padding-top:640px;}
/* 커스텀 추가 버튼 */
[class*='video-zone0'] .btns-wrap12{display:none;position:absolute;top:50%;left:50%;z-index:11;width:auto;margin-top:-56px;transform:translate(-50%,50%);}
[class*='video-zone0'] .btn-sticky-close{display:none;}
/* 소형 프레임 : 375px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:375px){
	[class*='video-zone0'][data-mapping-desc*='#shorts' i] .vid-con{width:100%;padding-top:177.78%}
}
/* 영상 하단 텍스트
 * tit-cap : mp4 title, 유튜브 없음
 * txt-desc : mp4 caption, 유튜브 description
 * txt-link : 유튜브 url
 * txt-link02 : 유튜브 url (PC 프린트 팝업 노출) */
[class*='video-zone0'] .desc-con{margin:8px 40px 0;font-size:14px;line-height:1.68;}
[class*='video-zone0'] .tit-cap{display:block;font-size:15px;font-weight:400;color:var(--font-color003);}
[class*='video-zone0'] .tit-cap+.txt-desc{margin-top:4px;}
[class*='video-zone0'] .txt-desc{display:inline;margin-top:0;font-size:14px;color:var(--font-color006);}
[class*='video-zone0'] .txt-desc+.btn-type405{top:-3px;margin-left:12px;}
[class*='video-zone0'] .txt-desc:empty+.btn-type405{margin-left:0;}
[class*='video-zone0'] .txt-link02{display:none;}
/* .desc-con02 : sticky 모드에서 노출 */
[class*='video-zone0'] .tit-wrap{display:none;}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width:1024px) and (max-width:1279px){
	[class*='video-zone0'] .desc-con{margin:8px 0 0;}
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	[class*='video-zone0'] .desc-con{margin:12px 16px 0;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	[class*='video-zone0'] .desc-con{margin:8px 0 0;}
}

/* ---- ##영상 sticky 모드 (브라우저 내부) ---- */
body.video-fixed .comp-box.video-group [class*='video-zone0'] .player-box.played{position:fixed;right:50px;bottom:50px;z-index:100;width:400px;height:225px;padding-top:0;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.20);}
body.video-fixed [class*='video-zone0'] .player-box.played .btn-sticky-close{display:block;}
body.video-fixed [class*='video-zone0'] .btn-sticky-close{position:absolute;top:0;right:8px;z-index:20;width:44px;height:44px;background-image:var(--vid-skin11-close01);background-size:20px auto;background-position:center;background-repeat:no-repeat;}
/* 배속 버튼 */
body.video-fixed [class*='video-zone0'] .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:140px;}

/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	body.video-fixed .comp-box.video-group [class*='video-zone0'] .player-box.played{display:flex;align-items:center;top:50px;left:0;right:auto;bottom:auto;box-sizing:border-box;width:100%;height:124px;padding:20px;background-color:rgba(44, 44, 44, 0.9);}
	body.video-fixed [class*='video-zone0'] .player-box.played .vid-skin11{flex-shrink:0;position:relative;width:150px;height:100%;padding-top:0;}
	body.video-fixed [class*='video-zone0'] .vid-skin11 .vjs-control-bar{display:none;}
	body.video-fixed [class*='video-zone0'] .vid-skin11 .vjs-big-play-button{width:48px;height:48px;border:none;background-color:transparent;}
	body.video-fixed [class*='video-zone0'] .vid-skin11 .vjs-big-play-button:before{width:48px;height:48px;background-image:url('../image/ico_video_play03.svg');}
	body.video-fixed [class*='video-zone0'] .btns-wrap12{/*display:none!important;*/margin-top:0;transform:translate(-50%,-50%);}
	body.video-fixed [class*='video-zone0'] .btns-wrap12>[class*='btn-type031-']{display:none;}
	body.video-fixed [class*='video-zone0'] .tit-wrap,
	body.video-fixed [class*='video-zone0'] .player-box.played .btn-sticky-close{display:block;}
	body.video-fixed [class*='video-zone0'] .btn-sticky-close{position:absolute;top:0;right:8px;z-index:20;width:44px;height:44px;background-image:url('../image/ico_close01.svg');background-size:20px auto;background-position:center;background-repeat:no-repeat;}
	body.video-fixed [class*='video-zone0'] .tit-wrap{width:100%;margin:0 20px 0 12px;font-size:16px;font-weight:700;color:#fff;}
	body.video-fixed [class*='video-zone0'] .tit-news{overflow:hidden;display:-webkit-box;max-height:72px;min-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	body.video-fixed .comp-box.video-group [class*='video-zone0'] .player-box.played{display:flex;align-items:center;top:50px;left:0;right:auto;bottom:auto;box-sizing:border-box;width:100%;height:124px;padding:20px;background-color:rgba(44, 44, 44, 0.9);}
	body.video-fixed [class*='video-zone0'] .player-box.played .vid-skin11{flex-shrink:0;position:relative;width:150px;height:100%;padding-top:0;}
	body.video-fixed [class*='video-zone0'] .vid-skin11 .vjs-control-bar{display:none;}
	body.video-fixed [class*='video-zone0'] .vid-skin11 .vjs-big-play-button,
	body.video-fixed [class*='video-zone0'] .vid-skin11 .vjs-big-play-button:focus{width:48px;height:48px;border:none;background-color:transparent;}
	body.video-fixed [class*='video-zone0'] .vid-skin11 .vjs-big-play-button:before{width:48px;height:48px;background-image:var(--vid-skin11-play03);}
	body.video-fixed [class*='video-zone0'] .vid-skin11.vjs-paused .vjs-big-play-button{display:block;}
	body.video-fixed [class*='video-zone0'] .btns-wrap12{/*display:none!important;*/margin-top:0;transform:translate(-50%,-50%);}
	body.video-fixed [class*='video-zone0'] .btns-wrap12>[class*='btn-type031-']{display:none;}
	body.video-fixed [class*='video-zone0'] .tit-wrap,
	body.video-fixed [class*='video-zone0'] .player-box.played .btn-sticky-close{display:block;}
	body.video-fixed [class*='video-zone0'] .btn-sticky-close{position:absolute;top:0;right:8px;z-index:20;width:44px;height:44px;background-image:var(--vid-skin11-close01);background-size:20px auto;background-position:center;background-repeat:no-repeat;}
	body.video-fixed [class*='video-zone0'] .tit-wrap{overflow:hidden;width:100%;margin:0 28px 0 12px;font-size:16px;font-weight:700;color:#fff;}
	body.video-fixed [class*='video-zone0'] .tit-news{overflow:hidden;display:-webkit-box;max-height:72px;min-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
}

/* ---- ##영상 타입 ---- */
/* video-zone01 : 글기사 본문 */
.video-zone01 .ico-type96-play01{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
/* video-zone02 : 영상 본문 */
/* .video-zone02{} */

/* video-zone02 : MYH 영상 본문 */
/* .video-zone02 .vid-con{text-align:center;}
.video-zone02 img{max-width:100%;} */

/* ---- ##영상 소재 컨트롤 ---- */
/* (YHML) 영상 MYH, 소재영상 MCM | YCL, XED */
.youtube-group [class*='video-zone0'] .txt-link{display:inline-block;margin-left:4px;color:var(--ui-tag030);text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}
.youtube-group .txt-desc+ .btn-type401{margin-left:12px;}

/* =============== ####오디오 타입 ======================== */
/* ---- ##오디오 (audio-skin11) ---- */
/* .desc-con : min-height 는 제목이 없을 때 높이값 유지를 위해 추가 */
.audio-zone01{position:relative;padding:0 20px;}
.audio-zone01 .audio-con{position:relative;box-sizing:border-box;width:100%;height:60px;padding:0 14px;border-radius:100px;background-color:#374E8E;line-height:0;color:#fff;}
.audio-zone01 .audio-con audio{width:100%;}
.audio-zone01 .desc-con{margin:15px 16px 0;font-size:14px;line-height:1.68;}
.audio-zone01 .tit-cap{color:#000;}
.audio-zone01 .txt-desc{color:#6c6c6c;}

/* ---- ##오디오 타입 컨트롤 ---- */
/* (YHML) 오디오 | YCL, XED */
/* .audio-group{} *

/* ---- ##구글맵 (기능 삭제 MEPS-17799) ---- */
/* (YHML) 구글지도 유료화로 사용 중지
 * .txt-link : 구글맵에서 링크 정보를 추출할 수 없기 때문에 구현불가 */
/* .map-zone{} */

/* ---- ##인용구 ---- */
/* (YHML) 인용구 | XED */
.quo-group{padding-top:0;}
.quote-zone01{position:relative;margin:0 42px 64px;padding:38px;border:4px solid var(--ui-tag005);}
.quote-zone01>p{position:relative;font-size:18px;line-height:1.706363;color:var(--font-color003);text-align:left;word-break:keep-all;}
.quote-zone01:before,
.quote-zone01:after{content:'';display:block;position:absolute;left:40px;bottom:-30px;box-sizing:border-box;width:50px;height:30px;background-color:var(--ui-tag001);}
.quote-zone01:before{left:43px;bottom:-19px;z-index:1;width:53px;height:4px;background-color:var(--ui-tag005);transform:rotate(145deg);}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.quo-group{padding-top:0;}
	.quote-zone01{margin:0 16px 62px;padding:32px 24px 34px 24px;}
}

/* ---- ##구분선 (기능 삭제 MEPS-14043) ---- */
.hr-group .hr01{display:block;height:1px;border:none;background-color:#000;}

/* ---- ##문단 타입 ---- */
/* .paragraph-zone02{} */

/* ---- ##인물정보, 연합백과 ---- */
[class*='paragraph-zone0']{overflow:hidden;position:relative;margin:0 40px;}
[class*='paragraph-zone0'] .fluid-box{overflow:hidden;display:flex;justify-content:flex-start;box-sizing:border-box;}
[class*='paragraph-zone0'] [class*='img-con'],
[class*='paragraph-zone0'] .desc-con{display:inline-block;width:100%;margin:0 !important;}
[class*='paragraph-zone0'] [class*='img-con'] .img{position:relative;width:100%;height:0;padding-top:100%;}
[class*='paragraph-zone0'] [class*='img-con'] .img:after{content:'';display:block;position:absolute;top:0;left:0;z-index:1;box-sizing:border-box;width:100%;height:100%;border:1px solid rgba(0,0,0,.04);}
[class*='paragraph-zone0'] [class*='img-con'] .img img{position:absolute;top:0;left:50%;width:100%;height:100%;transform:translateX(-50%);object-position:center top;object-fit:cover;}
[class*='paragraph-zone0'] [class*='img-con'] .rowH img{width:auto;}
[class*='paragraph-zone0'] [class*='img-con'] .img:before{display:none;}
[class*='paragraph-zone0'] .desc-con{box-sizing:border-box;padding:16px;font-size:14px;line-height:1.68;}
[class*='paragraph-zone0'].desc-con [class*='ico-label-']{margin-right:8px;}
[class*='paragraph-zone0'] .tit-cap{line-height:1.5;font-size:15px;font-weight:500;color:var(--font-color003);}
[class*='paragraph-zone0'] .detail{overflow:hidden;margin-top:4px;line-height:1.5;font-size:14px;color:var(--font-color006);}
[class*='paragraph-zone0'] .detail>p,
[class*='paragraph-zone0'] .detail>li{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
[class*='paragraph-zone0'] .detail>p{-webkit-line-clamp:2;}
[class*='paragraph-zone0'] .detail>li:empty{display:none;}

@media only screen and (min-width:1024px){
	[class*='paragraph-zone0'] .fluid-box:hover .tit-cap{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width:1024px) and (max-width:1279px){
	[class*='paragraph-zone0']{margin:0;}
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	[class*='paragraph-zone0']{margin:0 16px;}
	[class*='paragraph-zone0'] .desc-con{padding:12px;line-height:1.5;}
	[class*='paragraph-zone0'] .tit-cap{font-size:13px;}
	[class*='paragraph-zone0'] .detail{margin-top:0;}
	[class*='paragraph-zone0'] .detail>p{-webkit-line-clamp:1;font-size:12px;}
	[class*='paragraph-zone0'] .txt01{font-size:13px !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	[class*='paragraph-zone0']{margin:0;}
}

/* (YHML) 인물 정보 | YCL, XED */
/* 2023-04-27 본문 하단 인물 정보 비노출 */
.person-group{display:none;}
.paragraph-zone01 [class*='img-con']{overflow:hidden;flex-shrink:0;width:126px;height:126px;}
.paragraph-zone01 [class*='img-con'] .img{overflow:hidden;padding-top:126px;}
.paragraph-zone01 [class*='img-con'] .img:before{content:'';display:block;position:absolute;top:50%;left:50%;width:38px;height:48px;background-image:var(--ui-bg044);background-size:100% 100%;background-repeat:no-repeat;transform:translate(-50%, -50%);}
/* (YHML) 연합백과 | YCL, XED */
/* .encyclop-group{} */
/* ---- ##문단 타입 ---- */
.encyclop-group{margin-bottom:32px;padding:0;}
.paragraph-zone02 [class*='img-con']{overflow:hidden;flex-shrink:0;width:126px;height:126px;}
.paragraph-zone02 .fluid-box{align-items:flex-start;border:1px solid var(--ui-tag005);}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.paragraph-zone01 [class*='img-con'],
	.paragraph-zone02 [class*='img-con']{width:86px;height:86px;}
	.paragraph-zone01 [class*='img-con'] .img{padding-top:86px;}
}

/* ---- ##SNS 임베디드 | XED ---- */
.social-group{padding-top:0;}
.social-group .social-zone{width:100%;text-align:center;}
.social-group .social-zone iframe,
.social-group .social-zone #twitter-widget{margin-right:auto !important;margin-left:auto !important;}
/* (YHML) 페이스북,트위터,인스타그램 | XED */
.social-group .fb-embed{height:100%;}
.social-group .fb-embed>div{display:inline-block;position:relative;width:100%;}
.social-group .fb-post span iframe{width:100% !important;}
.social-group .twitter-tweet{margin:0 auto;}

/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.social-group .fb-embed{box-sizing:border-box;max-width:100%;padding:0 16px;}
	.social-group .fb-embed>div{overflow-x:auto;}
}

/* ---- ##키워드 영역 ---- */
/* (TEX) 본문 하단 키워드 */
.keyword-zone{position:relative;max-width:640px;min-height:52px;margin:0 40px;}
.keyword-zone .swiper-area:after{content:'';display:block;position:absolute;top:0;right:0;z-index:1;width:28px;height:100%;background: var(--ui-tag103);}
.keyword-zone .list01{display:flex;position:relative;padding:12px 0;}
.keyword-zone .list01 li{flex-shrink:0;width:auto;margin-right:8px;}
.keyword-zone .list01 .txt01{display:inline-block;box-sizing:border-box;height:28px;padding:0 8px;border-radius:2px;background-color:var(--ui-tag011);font-size:13px;line-height:2.2;font-weight:500;color:var(--font-color006);}
.keyword-zone .list01 li.active .txt01{background-color:var(--ui-tag030);color:var(--font-color001);}
.keyword-zone li:last-of-type{padding-right:25px;}
.keyword-zone .btn-type422{display:none !important;position:absolute;top:50%;right:0;z-index:1;transform:translateY(-50%);}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width:1024px){
	.keyword-zone .list01 li:hover .txt01{background-color:var(--ui-tag030);color:var(--font-color001);}
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width:1024px) and (max-width:1279px){
	.keyword-zone{margin:0;}
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.keyword-zone{max-width:100%;margin:28px 16px 0;padding:0;}
	.keyword-zone .swiper-area{position:relative;width:calc(100% - 100px);}
	.keyword-zone .btn-type422{display:block !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
	.keyword-zone{max-width:100%;margin:0 auto;}
	.keyword-zone .swiper-area{position:relative;width:calc(100% - 100px);}
	.keyword-zone .btn-type422{display:block !important;}
}

/* ---- ##기자프로필 ---- */
/* (TEX) 기자프로필
 * .writer-zone0$
 -- .writer-zone01 : (기본) 기자프로필 */
[class*='writer-zone0']{overflow:hidden;position:relative;height:40px;}
[class*='writer-zone0'] .list01{font-size:0;white-space:nowrap;}
[class*='writer-zone0'] .swiper-area{position:relative;height:40px;}
[class*='writer-zone0'] .swiper-slide{display:inline-block;position:relative;width:auto;min-width:117px;height:100%;margin-right:24px;}
[class*='writer-zone0'] .swiper-slide>a{display:inline-flex;position:relative;}
[class*='writer-zone0'] .swiper-slide>a:after{content:'';display:block;clear:both;}
[class*='writer-zone0'] .swiper-slide>a:focus .tit-name,
[class*='writer-zone0'] .swiper-slide>a:focus .txt-link{color:var(--font-color022);}
[class*='writer-zone0'] [class*='img-con']{overflow:hidden;float:left;position:relative;box-sizing:border-box;width:40px;height:40px;border:1px solid var(--ui-tag005);border-radius:100%;vertical-align:top;}
[class*='writer-zone0'] [class*='img-con'] img{display:inline-block;width:100%;height:100%;}
[class*='writer-zone0'] .txt-con{display:table-cell;height:40px;padding-left:8px;vertical-align:middle;}
[class*='writer-zone0'] .tit-name{display:block;font-size:14px;line-height:1.5;font-weight:600;color:var(--font-color005);}
[class*='writer-zone0'] .tit-name>a{margin-right:4px;}
/* 스크립트 실행 전 버튼 숨김 */
[class*='writer-zone0'] .swiper-area:not(.swiper-initialized) [class*='btn-dir002']{display:none;}
@media only screen and (min-width:1024px){
	[class*='writer-zone0'] .tit-name>a:hover{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	[class*='writer-zone0'] .swiper-slide{width:auto;min-width:112px;}
	[class*='writer-zone0'] [class*='btn-dir002']{display:none;}
	[class*='writer-zone0'] .swiper-area{padding-left:16px;}
}

/* ---- ##관련뉴스,관련이슈,첨부파일 ---- */
p+.related-zone{margin-top:8px;}
.related-zone{margin:0 40px;padding:24px 0;border-top:1px solid var(--ui-tag005);}
.related-zone+.related-zone{border-top:none;}
.related-zone>[class*='-con']{display:inline-block;margin:24px 0;vertical-align:top;}
.related-zone .tit-con{display:block;box-sizing:border-box;margin:0;}
.related-zone .tit-con .tit01{display:inline-block;box-sizing:border-box;margin:0;font-size:18px;font-weight:700;color:var(--font-color003);}
.related-zone .txt-con{box-sizing:border-box;width:100%;margin:0;}
.related-zone .txt-con .list01{position:relative;}
.related-zone .txt-con .list01 li{position:relative;margin-top:8px;}
.related-zone .txt-con .list01 li:first-of-type{margin-top:12px;}
.related-zone .list01 a{font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color005);}
.related-zone .list01 a:focus{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}
.related-zone.issue .txt-con .list01 li,
.related-zone.rel .txt-con .list01 li{padding-left:12px;}
.related-zone.issue .txt-con .list01 li:after,
.related-zone.rel .txt-con .list01 li:after{content:'';display:block;position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:100%;background-color:#444;}
.related-zone.rel + .txt-copyright{border-top:1px solid var(--ui-tag005);}
@media only screen and (min-width:1024px){
	.related-zone .list01 a:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width:1024px) and (max-width:1279px){
	.related-zone{margin:0;}
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.related-zone{box-sizing:border-box;margin:0 16px;padding:24px 0;}
	.related-zone .tit-con{font-size:16px;}
	.related-zone .txt-con .list li{margin-top:12px;}
	.related-zone .txt-con .list li:after{top:10px;width:3px;height:3px;}
	.related-zone .list a{font-size:15px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.related-zone{margin:0;}
}
/* (TEX) 관련뉴스 */
/* .related-zone.rel{} */

/* (TEX) 관련이슈 */
/* .related-zone.issue{} */

/* (TEX) 첨부파일 */
/* .related-zone.attach{} */
.related-zone.attach .tit-con{padding:12px 20px;background-color:var(--ui-tag011);}
.related-zone.attach .txt-con{border:1px solid var(--ui-tag011);border-width:0 1px 1px 1px;}
.related-zone.attach .txt-con .list01{padding:20px;background-color:var(--ui-tag001);}
.related-zone.attach .txt-con .list01 li{position:relative;margin-top:12px;}
.related-zone.attach .txt-con .list01 li:first-of-type{margin-top:0;}
.related-zone.attach .txt-con .list01 li a{display:block;box-sizing:border-box;padding-right:24px;padding-left:24px;word-break:break-all;}
.related-zone.attach .txt-con .list01 li a:before{content:'';display:block;position:absolute;top:4px;left:0;width:16px;height:16px;background-image:var(--ui-bg035);background-position:center;background-repeat:no-repeat;}
.related-zone.attach .txt-con .list01 li a:after{content:'';display:block;position:absolute;top:0;right:-4px;width:24px;height:24px;background-image:var(--ui-bg825);background-position:center;background-repeat:no-repeat;}
.related-zone.attach .btn-type003{position:absolute;top:0;right:-4px;}
@media only screen and (min-width:1024px){
	.related-zone.attach .txt-con .list01 li a:hover{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.related-zone.attach .tit-con{padding:13px 16px 11px;}
	.related-zone.attach .txt-con .list{padding:16px;}
	.related-zone.attach .txt-con .list li{margin-top:16px;}
}
/* ---- ##삭제기사본문 (ISRV-709) ---- */
/* (TEX) 삭제기사본문 : .box-deleted
 * 2022-08-10 : layout.css 에서 article.css 로 이동
 * 2023-02-14 : 모바일 css 와 같은 파일명의 PC common.css 로 코드 이동 */

/* ---- ##본문 슬라이드 ---- */
/* (스크립트) 카드뉴스 슬라이드
 * .slide-zone01 : PC/반응형 slick 사용
 -- PC article.css 의 .slide-zone01 수정 시 Mobile article.css 코드 수정같이 해야함
 -- .vid-con01 : (기본) 넓이 기준 비율
 -- .vid-con02 : 정사각형 object-fit 사용으로 꽉차게 노출 */
/* .slide-zone01{} */

/* =============== ####본문 컨트롤 ======================== */
/* 전체 사이트에 영향을 주는 설정으로 신중히 작업해야함 */

/* ---- ##기자 프로필 숨김 ---- */
/* 2022-02-24 사회부 안희 요청
-- AKR20220215106300004 정성조
-- AKR20220206053300004 정성조,
-- AKR20220204136500004 김주환,
-- AKR20220126111800004 정성조,
-- AKR20220214129900004 김주환 */
.body-AKR20220215106300004 [class*='writer-zone'],
.body-AKR20220206053300004 [class*='writer-zone'],
.body-AKR20220204136500004 [class*='writer-zone'],
.body-AKR20220126111800004 [class*='writer-zone'],
.body-AKR20220214129900004 [class*='writer-zone']{display:none !important;}