@charset "utf-8";
/*************************************************
* 프로젝트명 : 연합뉴스 PC 다국어 리뉴얼
* comment : article.css (본문 소재)
* 원본 : R서버/www/home_n/v02/css/article.css
*************************************************/

/* =============== ####본문 공통설정 ======================== */

/* ---- ##본문 텍스트 ---- */
/* .story-news{} */
.story-news:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.story-news>p,
.story-news>span,
.story-news>table{margin:0 0 40px 0;font-size:18px;line-height:1.5;color:#000;word-break:break-word;}
/* (예외)Br 제거
 * ▶ 다국어 기사일 경우 br 태그 필요해 css 주석처리 : AEN20221223007100320 */
/* .story-news>p>br{display:none;}  */
/* (예외)연합백과
 * ▶ 다국어 없음 */
/* .body-view-encyclopedia .story-news>p>br{display:block;} */
html.zh .story-news>p{text-indent:30px;}

/* (TEX) 부제
 * ▶ 다국어 없음 */
.story-news .tit-sub{position:relative;margin:0 0 51px 0;padding-left:8px;}
.story-news .tit-sub:before{content:"";display:block;clear:both;position:absolute;top:1px;left:0;width:2px;height:100%;background-color:#000;}
.story-news .tit-sub .tit{font-weight:bold;font-size:17px;line-height:1.3;}
.story-news .tit-sub .tit+.tit{margin-top:10px;}

/* (스크립트) 잡지식 스타일 | ISRV-737
 * ▶ 다국어 없음 */
.story-news>.style001{padding:10px;background-color:#f1f1f1;}
.story-news>.style002{font-weight:bold;}
/* 광고영역 다음 배경이 들어간 스타일이 추가되면 넓이 값을 지정한다.*/
.story-news .article-ad-box+.style001{max-width:364px;}
body.nk-news .story-news .article-ad-box+.style001{max-width:258px;}

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

/* 테이블
 * 작성자가 선택한 방법으로 텍스트 정렬됨 */
.story-news>table{margin-right:auto;margin-left:auto;}
.story-news>table th,
.story-news>table td{padding:0 10px;border:1px solid #000;}
.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;}

/* (TEX) YNA_BODY LINK */
.story-news>p>a{display:inline;border-bottom:1px solid #0068d1;color:#0068d1;}
.story-news>p a:hover{text-decoration:none;}

/* (YHML) 하이퍼링크, 오픈링크
 * 하이퍼링크 | YCL, XED : .story-news .txt-hyper(문장), .story-news p > .txt-hyper (단어)
 * 오픈링크 | XED : .story-news .txt-openurl */
.story-news .txt-hyper{display:inline;}
.story-news .txt-hyper a,
.story-news .txt-openurl a{display:inline;border-bottom:1px solid #0068d1;color:#0068d1;}
.story-news .txt-openurl,
.story-news p~.txt-hyper{display:block;margin:0 0 15px;}

/* (TEX) 저작권
 * 타언어 : 없음
 * 중국어 : 2025년 베트남 구축 작업시 추가 결정됨 (과거기사는 본문 기사 내용으로 저작권 문구 기자들이 직접 넣었음)
 * 베트남 : 2025년 구축시 추가 */
.story-news .txt-copyright .txt01{font-weight:400;font-size:16px;line-height:140%;color:#666;letter-spacing:-0.16px;}
html.zh .story-news .txt-copyright .txt01{text-indent:0;}

/* (YHML) Not Found */
.ynaobject{display:none !important;}

/* ---- ##본문 컴포넌트 공통 (common) ---- */
.comp-box{clear:both;padding:0 0 50px;}
/* 설명에 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;}

/* 영상기사 마우스 오버 | ▲ 다국어 없음 */
.comp-box .img-con .img .overlay01{
-webkit-transition:opacity 0.2s ease-in;
transition:opacity 0.2s  ease-in;}
.comp-box .img-con .img .ico-type05-video01{position:absolute;left:50%;top:50%;margin:-21px 0 0 -23px;opacity:0;}
.comp-box .img-con .img .ico-type05-video02{position:absolute;left:50%;top:50%;margin:-39px 0 0 -35px;}

/* (구버전) 다국어 과거 공통 코드
 * 포토,그래픽,화보,영상 본문 사용 */
.caption-zone{margin-top:10px;font-size:14px;line-height:1.3;}
.caption-zone strong{color:#000;}
.caption-zone p{margin:5px 0 0 0;}
.caption-zone .desc{margin-bottom:0;}

html.ar .caption-zone{width:100%;margin:10px auto 0 auto;font-size:15px;}

/* ---- ##이미지 타입 ---- */
.image-zone{position:relative;}
.image-zone .img-con{display:block;position:relative;width:100%;font-size:0;line-height:0;text-align:center;}
.image-zone .img-con .img{overflow:hidden;display:inline-block;}
.image-zone .img-con img{max-width:751px;max-height:575px;}
/* cid 끝 세자리는 부서코드로 번역하지 않은 그래픽, 화보 소재링크 숨김 처리
 -- 044 : 국문 그래픽뉴스팀
 -- 365 : 국문 화보생성하는 부서 */
.image-zone .img-link01{display:block;position:absolute;top:0;left:0;width:100%;height:100%;color:transparent;text-indent:-9999px;}
.image-zone .img-link01[data-mapping-ref-id='044'],
.image-zone .img-link01[data-mapping-ref-id='365']{display:none;}

.image-zone .desc-con{position:relative;margin:14px 0 0 0;font-size:14px;line-height:22px;}
.image-zone .tit-cap{font-weight:bold;color:#000;}
html.en .image-zone .tit-cap,
html.es .image-zone .tit-cap,
html.fr .image-zone .tit-cap{font-family:'Playfair Display',serif;}
.image-zone .txt-desc,
.image-zone .txt-link{font-size:14px;color:#666;}
.image-zone .txt-link{position:relative;padding-bottom:20px;}
/* .image-zone .txt-link:after{content:"";display:block;clear:both;position:absolute;bottom:0;left:0;width:82px;height:2px;background:#000;} */
.image-zone .tit-cap:empty+.txt-desc:empty+.txt-link:after{display:none;}
.image-zone .txt-link:hover{color:#000;}

.image-zone .label-box01{display:block;position:absolute;bottom:0;z-index:1;box-sizing:border-box;min-width:74px;height:35px;text-align:center;}
html:not(.ar) .image-zone .label-box01{left:0;}
html.ar .image-zone .label-box01{right:0;}
/* 화보 아이콘 : 프랑스만 아이콘 노출 안한다고 연락 받음 */
.image-zone .ico-pictorial02{display:none;}
html.en .image-zone .ico-pictorial02.en,
html.zh .image-zone .ico-pictorial02.zh,
html.ja .image-zone .ico-pictorial02.ja,
html.ar .image-zone .ico-pictorial02.ar,
html.es .image-zone .ico-pictorial02.es,
html.vi .image-zone .ico-pictorial02.vi{display:inline-block;}
html.fr .image-zone .label-box01{display:none;}
/* MEPS-19133, MEPS-19259 이슈 작업 후 속보 대표이미지에서만 title, caption 숨김처리 작업 */
.image-zone[data-mapping-filename*="PCM20230330000049990"] .tit-cap,
.image-zone[data-mapping-filename*="PCM20230330000049990"] .txt-desc{display:none;} /* 영 */
.image-zone[data-mapping-filename*="PCM20230330000055990"] .tit-cap,
.image-zone[data-mapping-filename*="PCM20230330000055990"] .txt-desc{display:none;} /* 중-간체 */
.image-zone[data-mapping-filename*="PCM20230330000057990"] .tit-cap,
.image-zone[data-mapping-filename*="PCM20230330000057990"] .txt-desc{display:none;} /* 중-번체 */
.image-zone[data-mapping-filename*="PCM20230330000061990"] .tit-cap,
.image-zone[data-mapping-filename*="PCM20230330000061990"] .txt-desc{display:none;} /* 일 */
.image-zone[data-mapping-filename*="PCM20230330000052990"] .tit-cap,
.image-zone[data-mapping-filename*="PCM20230330000052990"] .txt-desc{display:none;} /* 아 */
.image-zone[data-mapping-filename*="PCM20230330000063990"] .tit-cap,
.image-zone[data-mapping-filename*="PCM20230330000063990"] .txt-desc{display:none;} /* 스 */
.image-zone[data-mapping-filename*="PCM20230330000059990"] .tit-cap,
.image-zone[data-mapping-filename*="PCM20230330000059990"] .txt-desc{display:none;} /* 프 */

/* (구버전) 다국어 과거 공통 코드
 * 포토,그래픽,화보 본문 사용 */
.img-zone{overflow:hidden;}
.img-zone figure{display:table;position:relative;max-width:100%;margin:0 auto;text-align:center;}
.img-zone figure img{max-width:100%;max-height:800px;width:auto;}
.img-zone figcaption{display:block;max-width:100%;word-break:break-all;margin:auto;text-align:left;}
.img-zone figcaption .tit{width:100%;margin-top:20px;font-size:18px;line-height:1.3;color:#000;}
.img-zone figcaption p{margin-top:10px;word-break:normal;}
.img-zone .btn-play02{position:absolute;top:50%;left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
html.en .img-zone figcaption .tit,
html.es .img-zone figcaption .tit,
html.fr .img-zone figcaption .tit{font-family:'Playfair Display',serif;}
html.ar .img-zone figcaption .tit{font-size:17px;}
html.ar .img-zone figcaption{text-align:right;}
html.ar .img-zone figcaption p{font-size:15px;}

/* ---- ##이미지 타입 컨트롤 ---- */

/* (YHML) 내장/사전 | YCL, XED */
/* .photo-group{} */

/* (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{} */

/* div-img01 : 2023-12-04
 * CPS 기사관리 > 강제로 img 태그를 본문에 추가
 * 마크업 : div.comp-box.div-group>img
 * width 650px */
.div-group{text-align:center;}
.div-group img{width:auto;max-width:650px;}
.div-group>p:empty,
.div-group+p:empty,
.div-group+br,
.div-group+br+p:empty{display:none;}

/* ---- ##영상 타입 ---- */
/* .video-zone.horizontal : (일반)유튜브 가로 영상
 * .video-zone.vertical : (쇼츠)유튜브 세로 영상 | 동적으로 vertical 추가
 * .video-zone[data-mapping-desc*='#shorts' i] : (쇼츠)유튜브 세로 영상 | 정적
 * .video-zone .img-con - Mobile 영상 섬네일 (반응형 고려)
 -- 숨김 : 기본 (PC에서는 MP4 영상일 경우 video-js 플레이어에서 섬네일 노출함)
 -- 노출 : 반응형 모바일 모드
 * .video-zone .vid-con - 영상 재생
 -- 숨김 : 반응형 모바일 모드
 -- 노출 : 기본 */
.video-zone{position:relative;padding-bottom:20px}
/* .video-zone:after{content:"";display:block;clear:both;position:absolute;bottom:0;left:0;width:82px;height:2px;background:#000;} */
.video-zone .vjs-poster{background-size:cover;}
.video-zone .img-con,
.video-zone .vid-con{overflow:hidden;position:relative;width:100%;height:0;padding-top:56.25%;}
/* Mobile 영상 섬네일 (반응형 고려) */
.video-zone .img-con{display:none;}
.video-zone .img-con a{display:block;position:absolute;top:0;left:0;width:100%;}
.video-zone .img-con .img{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;}
.video-zone .img-con img{max-width:718px;max-height:550px;}
/* PC 아이콘 : 프린트 팝업 (.vid-shin04 .vjs-big-play-button 스타일 동일) */
.video-zone .ico-play02{position:absolute;top:50%;left:50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
/* 영상 재생 */
.video-zone .vid-con{display:block;background-color:#000;}
.video-zone .vid-con iframe,
.video-zone .vid-con>video,
.video-zone .vid-con .video-js{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}
/* 유튜브 세로 영상 (쇼츠) */
.video-zone[data-mapping-desc*='#shorts' i] .vid-con{width:360px;padding-top:640px;margin:0 auto;}

/* 영상 내용
 * tit-cap : mp4 title, 유튜브 없음
 * txt-desc : mp4 caption, 유튜브 description
 * txt-link : 유튜브 url
 * txt-link02 : 유튜브 url (PC 프린트 팝업 노출) */
.video-zone .desc-con{position:relative;margin:14px 0 0 0;font-size:14px;line-height:22px;}
.video-zone .tit-cap{display:block;font-weight:bold;color:#000;}
.video-zone .txt-desc{display:inline;color:#888;}
.video-zone .txt-link{font-weight:bold;color:#000;}
.video-zone .txt-desc+.txt-link{margin-left:20px;}
.video-zone .txt-desc:empty+.txt-link{margin-left:0;}
.video-zone .txt-link:hover{color:#3061ff;}
.video-zone .txt-link02{display:none;}
/* .video-zone.active .img-con{display:none;}
.video-zone.active .img-con+.vid-con{display:block;} */

/* ---- ##영상 타입 컨트롤 ---- */

/* (YHML) 영상 MYH, 소재영상 MCM | YCL, XED */
/* 반응형 모바일 모드 */
@media only screen and (max-width:768px){
	html:not(.vi) .video-group .video-zone .img-con{display:block;}
	html:not(.vi) .video-group .video-zone .img-con .label-box01{display:none !important;}
	html:not(.vi) .video-group .video-zone .vid-con,
	html:not(.vi) .video-group .video-zone .vid-con .video-js{display:none !important;}
}

/* (YHML) 유튜브 | YCL, XED */
/* .youtube-group{} */

/* ---- ##오디오 타입 (audio-skin03) ---- */
/* 외국어 기사 중 오디오 소재가 있는 기사는 없음
 * .desc-con : min-height 는 제목이 없을 때 높이값 유지를 위해 추가 */
.audio-zone01{overflow:hidden;position:relative;padding:20px 50px;border-top:1px solid #000;border-bottom:1px solid #000;}
.audio-zone01 .desc-con{position:relative;width:100%;box-sizing:border-box;min-height:24px;margin:0 20px;}
.audio-zone01 .desc-con:before{content:'';overflow:hidden;position:absolute;left:0;top:0;width:26px;height:24px;background:url(/global/home/v01/img/sprites_audio_ui03.png) -50px -150px no-repeat;}
.audio-zone01 .tit-cap{overflow:hidden;width:100%;font-weight:bold;font-size:17px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;}
.audio-zone01 .txt-desc{margin-top:4px;font-size:14px;line-height:22px;color:#888;}
.audio-zone01 .audio-con{margin-top:18px;}
.audio-zone01 .audio-con>div,
.audio-zone01 .audio-con audio{width:100% !important;}

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

/* ---- ##구글맵 (기능 삭제 MEPS-17799) ---- */
/* (YHML) 구글지도 유료화로 사용 중지
 * .txt-link : 구글맵에서 링크 정보를 추출할 수 없기 때문에 구현불가 */
.map-zone{position:relative;width:100%;padding-bottom:20px;}
/* .map-zone:after{content:"";display:block;clear:both;position:absolute;bottom:0;left:0;width:82px;height:2px;background:#000;} */
.map-zone .iframe-con{overflow:hidden;display:block;position:relative;width:100%;height:0;padding-top:56.25%;}
.map-zone .iframe-con iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.map-zone .desc-con{position:relative;margin:14px 0 0 0;font-size:14px;line-height:22px;}
.map-zone .desc-con p{display:inline;}
.map-zone .txt-desc{color:#888;}
.map-zone .txt-link{font-weight:bold;color:#000;}
.map-zone .txt-desc+.txt-link{margin-left:20px;}
.map-zone .txt-desc:empty+.txt-link{margin-left:0;}
.map-zone .txt-link:hover{color:#3061ff;}

/* ---- ##인용구 ---- */
/* (YHML) 인용구 | XED */
/* .quo-group{} */
.quote-zone01{position:relative;padding:80px 0 35px;text-align:center;border-top:1px solid #000;border-bottom:1px solid #000;}
.quote-zone01:before{content:'';overflow:hidden;position:absolute;top:39px;left:50%;width:37px;height:27px;background:url(/global/home/v01/img/sprites_default01.png) -550px -700px no-repeat;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);}
.quo-group .quote-zone01 p{font-weight:bold;color:#000;font-size:20px;line-height:30px;}

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

/* ---- ##문단 타입 ---- */
.paragraph-zone01{display:table;width:100%;padding:16px 0;font-size:0;line-height:1;border-top:1px solid #000;border-bottom:1px solid #000;}
.paragraph-zone01 .img-con,
.paragraph-zone01 .desc-con{display:table-cell;vertical-align:top;}
.paragraph-zone01 .img-con{width:120px;padding:7px 25px 7px 50px;}
.paragraph-zone01 .img-con .img{overflow:hidden;display:inline-block;width:100%;height:120px;border-radius:60px;}
.paragraph-zone01 .img-con .img img{width:100%;}
.paragraph-zone01 .desc-con{box-sizing:border-box;padding:7px 50px 0 0;}
.paragraph-zone01 .desc-con .tit-cap{padding-bottom:2px;line-height:24px;}
.paragraph-zone01 .desc-con .tit-cap .txt{font-weight:bold;font-size:17px;}
.paragraph-zone01 .tit-cap a:hover{text-decoration:underline;}
.paragraph-zone01 .desc-con .detail{margin-top:12px;color:#888;font-size:14px;line-height:24px;}
.paragraph-zone01 .desc-con [class*='ico-label-']{margin-right:8px;}

/* (YHML) 인물 정보 | YCL, XED */
/* .person-group{} */

/* (YHML) 연합백과 | YCL, XED */
/* .encyclop-group{} */
.encyclop-group .paragraph-zone01:hover .tit-cap a{text-decoration:underline;}

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

/* ---- ##키워드 영역 ---- */
/* (TEX) 본문 하단 키워드 */
.keyword-zone01{margin-top:50px;}
.keyword-zone01 .tit{display:block;font-size:18px;color:#000;}
html.en .keyword-zone01 .tit,
html.es .keyword-zone01 .tit,
html.fr .keyword-zone01 .tit{font-size:18px;font-family:'Playfair Display',serif;color:#000;}
html.ar .keyword-zone01 .tit{font-size:17px;}
.keyword-zone01 .list{margin-top:15px;}
.keyword-zone01 .list a{display:inline-block;margin:0px 7px 9px 0;padding:5px 10px;background:#f6f6f6;border-radius:20px;font-weight:400;font-size:14px;color:#666;}
.keyword-zone01 .list a:hover{color:#000;text-decoration:underline;border-bottom-color:transparent;}
html.ar .keyword-zone01 .list a{margin:0px 0 9px 7px;font-size:13px;}

/* ---- ##기자프로필 ---- */
/* (TEX) 기자프로필
 * 특집 다국어 사이트에서는 국문 article.css 를 사용하기 때문에 반응형 대응을 하지 않는다.
 * .writer-zone0$ : PC slick 사용
 -- .writer-zone01 : (기본) 기자프로필
 * .writer-zone5$ : Mobile swipe 사용
 * 좌우 컨트롤 버튼의 화살표는 .sel-period button 과 동일 */
[class*='writer-zone0']{overflow:hidden;height:38px;}
[class*='writer-zone0'] .list{height:100%;font-size:0;white-space:nowrap;}
[class*='writer-zone0'] .list.slick-slider{display:flex;}
[class*='writer-zone0'] .slick-arrow{position:relative;height:38px;width:20px;border:0;background-color:transparent;}
[class*='writer-zone0'] .slick-arrow.slick-disabled{display:none !important;}
[class*='writer-zone0'] .slick-arrow:before{content:'';display:block;clear:both;position:absolute;top:50%;left:50%;
width:9px;height:15px;background:url(/global/home/v01/img/sprites_btn02.png) 0 0 no-repeat;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
html:not(.ar) [class*='writer-zone0'] .slick-prev:before,
html.ar [class*='writer-zone0'] .slick-next:before{background-position:-380px -79px;}
html:not(.ar) [class*='writer-zone0'] .slick-next:before,
html.ar [class*='writer-zone0'] .slick-prev:before{background-position:-415px -79px;}
html:not(.ar) [class*='writer-zone0'] .slick-arrow.slick-prev{margin-right:10px;}
html.ar [class*='writer-zone0'] .slick-arrow.slick-prev{margin-left:10px;}
[class*='writer-zone0'] .slick-list{flex:1;}
[class*='writer-zone0'] .li{display:inline-block;height:100%;}
html:not(.ar) [class*='writer-zone0'] .li{min-width:110px;}
html:not(.ar) [class*='writer-zone0'] .li+.li{margin-left:30px;}
html.ar [class*='writer-zone0'] .li{min-width:80px;}
html.ar [class*='writer-zone0'] .li+.li{margin-right:30px;}

[class*='writer-zone0'] .li>a{display:inline-block;position:relative;color:#000;}
[class*='writer-zone0'] .li>a:after{content:'';display:block;clear:both;}
[class*='writer-zone0'] .li>a:hover .tit-name,
[class*='writer-zone0'] .li>a:focus .tit-name{color:inherit;}

[class*='writer-zone0'] .img-con,
[class*='writer-zone0'] .img-con:after{box-sizing:border-box;width:38px;height:38px;border-radius:50%;}
[class*='writer-zone0'] .img-con{overflow:hidden;position:relative;background-color:#fff;text-align:center;vertical-align:top;}
[class*='writer-zone0'] .img-con:after{content:'';display:block;clear:both;position:absolute;top:0;left:0;border:1px solid #dfdfdf;}

html:not(.ar) [class*='writer-zone0'] .img-con{float:left;margin-right:8px;}
html.ar [class*='writer-zone0'] .img-con{float:right;margin-left:8px;}
[class*='writer-zone0'] .img-con img{position:absolute;top:50%;left:50%;width:100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
[class*='writer-zone0'] .img-con img[src*='bg_none_people01']{display:inline-block;width:70%;}

[class*='writer-zone0'] .txt-con{display:table;height:38px;}
[class*='writer-zone0'] .tit-name{display:table-cell;font-weight:500;font-size:15px;line-height:1.22;letter-spacing:0;vertical-align:middle;}
[class*='writer-zone0'] .slick-list.draggable{cursor:pointer;cursor:hand;}
[class*='writer-zone0'] .slick-track{height:100%;}
html.zh [class*='writer-zone0'] .tit-name,
html.ja [class*='writer-zone0'] .tit-name,
html.ar [class*='writer-zone0'] .tit-name{font-weight:700;}

/* ---- ##관련뉴스,관련이슈,첨부파일 | related-zone ---- */
/* 사용 사이트 : 영어,중국어,일본어,아랍어,스페인어,프랑스어 (베트남어 제외)
 * 1~5건 : 바로 노출 / 6건 이상 : 더보기 버튼 노출 */
.related-zone{width:100%;padding-top:13px;border-top:1px solid #ccc;box-sizing:border-box;}
.related-zone .tit{font-size:18px;font-weight:700;color:#000;}
html.en .related-zone .tit,
html.es .related-zone .tit,
html.fr .related-zone .tit{font-family:'Playfair Display',serif;}
html.ar .related-zone .tit{font-size:17px;}

.related-zone .btn{display:block;width:100%;margin-top:15px;padding:13px 15px 14px;background:#eee;text-align:center;box-sizing:border-box;}
.related-zone .btn span{font-weight:600;font-size:14px;color:#666;}
.related-zone .btn span em{padding-left:3px;color:#0068d1;}
.related-zone .btn span:after{content:'';display:inline-block;width:9px;height:5px;margin-left:15px;background:url(/global/home/v01/img/sprites_btn02.png) -465px -130px no-repeat;vertical-align:middle;}
.related-zone .btn.on span:after{
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);}
.related-zone .btn:hover{background:#666;}
.related-zone .btn:hover span{color:#fff;}
.related-zone .btn:hover span:after{content:'';display:inline-block;background-position:-446px -130px;}
.related-zone .btn:hover span em{color:#fff;}

/* 관련기사 노출 범위
 * 기본 숨김 후 1~5 까지만 노출 시킴 */
.related-zone .article-list{margin-top:13px;overflow:hidden;}
.related-zone .article-list.max{max-height:70px;}
.related-zone .article-list.on{max-height:100%;}
.related-zone .article-list ul.hidden{display:none;}
.related-zone .article-list li{display:none;position:relative;padding:1px 0 8px 0;line-height:21px;}
.related-zone .article-list li:nth-child(-n + 5){display:block !important;}
.related-zone .article-list a{position:relative;display:inline;padding-left:11px;border-bottom:1px solid transparent;font-size:18px;color:#333;}
.related-zone .article-list a:after{content:'';display:inline-block;position:absolute;top:9px;left:0;width:3px;height:3px;background:#888;}
.related-zone .article-list a:hover{border-bottom-color:#000;text-decoration:none;}
/* (일본어) */
html.ja .related-zone .article-list a:hover{border-bottom-color:transparent;text-decoration:underline !important;}
/* (아랍어) */
html.ar .related-zone .article-list a:hover{padding-bottom:1px;}
html.ar .related-zone .btn span:after{margin-right:15px;margin-left:0;}
html.ar .related-zone .article-list a{padding-left:0;font-size:17px;padding-right:10px;}
html.ar .related-zone .article-list a:after{top:12px;right:0;left:inherit;}

/* (TEX) 관련뉴스 */
/* .related-zone.rel{} */
/* (TEX) 관련이슈 */
/* .related-zone.issue{} */
/* (TEX) 첨부파일
 * ▶ 다국어 없음 */

 /* ---- ##관련뉴스,관련이슈,첨부파일 | related-zone11 ---- */
/* 사용 사이트 : 베트남어 | 반응형
 * 1건 이상 바로 노출
 * html 구조 : 국문V03 과 동일 */
.related-zone11 .tit-con{box-sizing:border-box;padding-top:20px;margin-bottom:20px;border-top:1px solid #ccc;}
.related-zone11 .list01 li{position:relative;padding-left:13px;}
.related-zone11 .list01 li:after{content:'';display:block;position:absolute;top:11px;left:0;width:3px;height:3px;border-radius:100%;background-color:#888;}
.related-zone11 .list01 li+li{margin-top:15px;}
.related-zone11 .list01 li>a{font-weight:400;font-size:14px;line-height:normal;letter-spacing:-0.14px;color:#333;}
/* 일반형/대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	.related-zone11 .tit01{font-weight:700;font-size:18px;line-height:normal;letter-spacing:-0.18px;color:#000;}
	.related-zone11 .list01 li>a:hover{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}

	.related-zone11+.related-zone11{margin-top:40px;}
	.related-zone11+.keyword-zone01{margin-top:40px;}
}
/* 소형/중형 프레임 : 1023px 이하 */
@media only screen and (max-width:1023px){
	.related-zone11 .tit01{font-size:20px;line-height:140%;letter-spacing:-0.2px;color:#000;}
	.related-zone11 .tit-con{padding-top:30px;padding-right:16px;padding-left:16px;}
	.related-zone11 .txt-con{padding-right:16px;padding-left:16px;}
	.related-zone11 .list01 li>a{font-size:15px;letter-spacing:-0.15px;}

	.related-zone11+.related-zone11{margin-top:30px;}
	.related-zone11+.keyword-zone01{margin-top:30px;}
}

/* (TEX) 관련뉴스 */
/* .related-zone11.rel{} */
/* (TEX) 관련이슈 */
/* .related-zone11.issue{} */

/* ---- ##삭제기사본문 (ISRV-709) ---- */
/* (TEX) 삭제기사본문
 * 2022-08-10 : layout.css 에서 article.css 로 이동
 * 반응형일 때는 해당 코드 복사 후 모바일 디자인에 맞게 수정이 필요함
 -- (예)재난포털 contents_m.css 에 아래 코드 복사 후 크기 조정함 */
/* .article-deleted{margin-top:0 !important;}
.article-deleted [class*='title-article'],
.article-deleted .story-news{display:none;}
.article-deleted .video-view-zone{display:none;}
.box-deleted{width:100%;margin:145px auto 100px !important;padding-top:114px;text-align:center;}
.box-deleted:before{content:'';display:block;clear:both;position:absolute;top:0;left:50%;width:95px;height:84px;background: url(/www/home_n/v02/img/sprites_default01.png?v=20221123_1500) -200px -500px no-repeat;margin:0 0 0 -47.5px;}
.box-deleted .tit-sub{display:block;position:relative;margin-bottom:52px;font-weight:normal;font-size:30px;line-height:1;color:#000;text-align:center;}
.box-deleted p{font-size:16px;line-height:26px;color:#454545;}
.box-deleted p+p{margin-top:6px;} */

/* ---- ##본문 슬라이드 ---- */
/* (스크립트) 카드뉴스 슬라이드
 * .slide-zone01 : PC/반응형 slick 사용
 -- PC article.css 의 .slide-zone01 수정 시 Mobile article.css 코드 수정같이 해야함
 -- .vid-con01 : (기본) 넓이 기준 비율
 -- .vid-con02 : 정사각형 object-fit 사용으로 꽉차게 노출
 * .slide-zone51 : Mobile swipe 사용 */
.slide-zone01{overflow:hidden;width:500px;margin:0 auto;font-size:0;line-height:1;}
.slide-zone01 .list{width:100%;}
.slide-zone01 .li{position:relative;width:500px;height:500px;background-color:#000;}
.slide-zone01 .img-con01{display:table;position:relative;width:100%;height:500px;}

/* .slide-zone01 .img-con01 .img{display:table-cell;vertical-align:middle;}
.slide-zone01 .img-con01 .img img{width:100%;} */
.slide-zone01 .img-con01 .img{display:table-cell;text-align:center;vertical-align:middle;}
.slide-zone01 .img-con01 .img img{display:inline-block;width:100%;}
.slide-zone01 .img-con01 .img.rowH img{width:auto;height:500px;}

.slide-zone01 [class*='vid-con']{display:table;position:relative;width:100%;height:100%;background-color:#000;}
.slide-zone01 [class*='vid-con']>div{display:table-cell;height:100%;vertical-align:middle;}
.slide-zone01 .vid-con01 .video-js,
.slide-zone01 .vid-con01 video{width:500px !important;height:289px !important;}
.slide-zone01 .vid-con02 .video-js,
.slide-zone01 .vid-con02 video{width:100.5% !important;height:100.5% !important;object-fit:cover;}
.slide-zone01 [class*='btn-dir81']{opacity:0;position:absolute;z-index:10;top:47%;margin-top:-35px;
transition:opacity .25s;}
.slide-zone01 .btn-dir81-prev{left:0;}
.slide-zone01 .btn-dir81-next{right:0;}
.slide-zone01 .slick-pager03{margin-top:20px;}
/* slick 실행 전 */
.slide-zone01 .list:not(.slick-slider){white-space:nowrap;}
.slide-zone01 .list:not(.slick-slider) .li{display:inline-block;margin-right:0;vertical-align:top;white-space:normal;}
/* slick 실행 후 */
.slide-zone01 .slick-slide{margin-right:0;}
/* 영상 재생 상태가 아니면 .vjs-big-play-button 노출한다. */
.slide-zone01 .video-js:not(.vjs-playing) .vjs-big-play-button{display:block;}
/* hover 효과 */
@media only screen and (min-width:769px){
	.slide-zone01 .list.active [class*='btn-dir81']{opacity:1;}
	.slide-zone01 .list.active [class*='btn-dir81'].slick-disabled{opacity:0;}
}

/* ----- 본문 글자 크기 조정 ----- */
/* 2020-09-08 : article.css를 사이트 공유를 하기위해 아래 코드를 layout.css 로 이동함
 * article-font1 : 폰트 1단계 14px
 * article-font2 : 폰트 2단계 15px
 * article-font3 : 폰트 3단계 16px
 * article-font4 : 폰트 4단계 17px (기본)
 * article-font5 : 폰트 5단계 18px
 * article-font6 : 폰트 6단계 19px
 * article-font7 : 폰트 7단계 20px */

/* .article-font1 .story-news>p,
.article-font1 .story-news>span,
.article-font1 .story-news .tit-sub .tit,
.article-font1 .story-news .txt-hyper,
.article-font1 .story-news .txt-openurl{font-size:14px;}

.article-font2 .story-news>p,
.article-font2 .story-news>span,
.article-font2 .story-news .tit-sub .tit,
.article-font2 .story-news .txt-hyper,
.article-font2 .story-news .txt-openurl{font-size:15px;}

.article-font3 .story-news>p,
.article-font3 .story-news>span,
.article-font3 .story-news .tit-sub .tit,
.article-font3 .story-news .txt-hyper,
.article-font3 .story-news .txt-openurl{font-size:16px;}

.article-font4 .story-news>p,
.article-font4 .story-news>span,
.article-font4 .story-news .tit-sub .tit,
.article-font4 .story-news .txt-hyper,
.article-font4 .story-news .txt-openurl{font-size:17px;}

.article-font5 .story-news>p,
.article-font5 .story-news>span,
.article-font5 .story-news .tit-sub .tit,
.article-font5 .story-news .txt-hyper,
.article-font5 .story-news .txt-openurl{font-size:18px;}

.article-font6 .story-news>p,
.article-font6 .story-news>span,
.article-font6 .story-news .tit-sub .tit,
.article-font6 .story-news .txt-hyper,
.article-font6 .story-news .txt-openurl{font-size:19px;}

.article-font7 .story-news>p,
.article-font7 .story-news>span,
.article-font7 .story-news .tit-sub .tit,
.article-font7 .story-news .txt-hyper,
.article-font7 .story-news .txt-openurl{font-size:20px;} */

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

/* ---- ##분류코드 제어 ---- */
/* 카드뉴스 : 9001068 - 슬라이드 기능을 사용해서 소재 숨김
 -- 내장,사전,그래픽,영상,소재영상,유튜브,GIF,화보 */
body[data-divcode*='9001068'] .story-news .photo-group,
body[data-divcode*='9001068'] .story-news .graphic-group,
body[data-divcode*='9001068'] .story-news .gif-group,
body[data-divcode*='9001068'] .story-news .gallery-group,
body[data-divcode*='9001068'] .story-news .video-group,
body[data-divcode*='9001068'] .story-news .youtube-group{display:none !important;}