@charset "utf-8";
/*************************************************
프로젝트명 : 연합뉴스 국문 PC 홈페이지 (★ 2019)
commnet : article.css (본문 소재)
*************************************************/

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

/* ---- ##본문 텍스트 ---- */
.story-news{margin-top:40px;}
.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 30px 0;font-size:17px;line-height:1.8;color:#000;word-break:break-word;}
.story-news>p>br{display:none;} /* Br 제거 */
/* (예외)연합백과  */
.body-view-encyclopedia .story-news>p>br{display:block;}

/* 부제 */
.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;color:#213989 !important;}
/* 광고영역 다음 배경이 들어간 스타일이 추가되면 넓이 값을 지정한다.*/
.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 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;font-weight:bold;border-bottom:1px solid #3061ff;color:#3061ff;}

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

/* 기자 프로필 간격 (하단에 .writer-zone 스타일 별도 있음) */
.story-news .writer-zone{margin:-20px 0 30px;}

/* 저작권 */
.story-news .txt-copyright{margin:31px 0 0;}
.story-news .txt-copyright .date{margin-left:5px;}
.story-news .txt-copyright .txt03{display:block;font-weight:bold;font-size:17px;color:#000;border-bottom:0;}
.story-news .txt-copyright .txt03:hover{text-decoration:underline;}

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

/* ---- ##이미지 타입 ---- */
.image-zone{position:relative;}
.image-zone .img-con{display:block;position:relative;width:100%;text-align:center;}
.image-zone .img-con .img{overflow:hidden;display:inline-block;}
.image-zone .img-con img{max-width:718px;max-height:550px;}
.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;}
.image-zone .txt-desc,
.image-zone .txt-link{color:#888;}
.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{position:absolute;bottom:0;left:0;z-index:1;width:74px;height:34px;background-color:#fff;box-sizing:border-box;padding:9px 0;text-align:center;}
.image-zone .label-box01 .txt{font-size:12px;color:#000}
.image-zone .label-box01 [class*='ico-type03']+.txt,
.image-zone .label-box01 .txt+[class*='ico-type03']{margin-left:5px;}

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

/* YHML - 내장/사전 */
/* .photo-group{} */

/* YHML - 그래픽 */
/* .graphic-group{} */

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

/*YHML -  GIF */
/* .gif-group{} */

/* YHML - 화보 */
/* .gallery-group{} */

/* ---- ##영상 타입 ---- */
/* .video-zone .img-con - 영상 섬네일 (모바일 html 구조 사용)
 * └ 숨김 : 기본
 * └ 노출 : 반응형 모바일 모드
 * .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%;}
/* 영상 섬네일 */
.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;}
/* M 아이콘 : 모바일 모드 */
.video-zone .img-con .video{position:absolute;top:50%;left:50%;width:68px;margin:-25px 0 0 -34px;}
/* PC 아이콘 : 프린트 팝업 */
.video-zone .img-con .ico-type05-video02{opacity:0.5;
-webkit-transform:scale(0.85);
-ms-transform:scale(0.85);
transform:scale(0.85);
-webkit-transition:all 0.2s;
-moz-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.2s;}
/* 영상 재생 */
.video-zone .vid-con{display:block;background:#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;}
/* 영상 내용
 * 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) */
/* 반응형 모바일 모드 */
@media only screen and (max-width:768px){
	.video-group .video-zone .img-con{display:block;}
	.video-group .video-zone .img-con .label-box01{display:none !important;}
	.video-group .video-zone .vid-con,
	.video-group .video-zone .vid-con .video-js{display:none !important;}
}

/* YHML - 유튜브 */
/* .youtube-group{} */

/* ---- ##오디오 타입 (audio-skin03) ---- */
.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;padding-left:34px;}
.audio-zone01 .desc-con:before{content:'';overflow:hidden;position:absolute;left:0;top:0;width:26px;height:24px;background:url(../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{width:100% !important;}

/* ---- ##오디오 타입 컨트롤 ---- */
/* YHML - 오디오 */
/* .audio-group{} */

/* ---- ##구글맵 ---- */
/* .txt-link : 구글맵에서 링크 정보를 추출할 수 없기 때문에 구현불가 */
/* .map-group{} */
.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;}

/* ---- ##인용구 ---- */
/* .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(../img/sprites_default01.png?v=20210422_1100) -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;}

/* ---- ##구분선 ---- */
/* .hr-group{} */
.hr-group .hr01{display:block;height:1px;border:none;background-color:#000;}

/* ---- ##문단 타입 (2020-06-09 추가) ---- */
.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;}

/* 인물 정보 */
/* .person-group{} */

/* 연합백과 */
/* .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;}

.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;}

/* ---- ##키워드 영역 ---- */
.keyword-zone>li{display:inline-block;}
.keyword-zone>li+li{margin-left:10px;}
.keyword-zone .txt{box-sizing:border-box;padding-right:2px;font-weight:normal;color:#3061ff;font-size:12px;}
.keyword-zone .txt{height:30px;padding:5px 13px 0;line-height:20px;border-radius:15px;}
.keyword-zone .txt:hover{text-decoration:underline;}
.keyword-zone .active .txt,
.keyword-zone .txt:hover{color:#fff;text-decoration:none;background-color:#3061ff;}

/* ---- ##기자영역 ---- */
.writer-zone{position:relative;}
.writer-zone>a{display:inline-block;}
.writer-zone .img-con{overflow:hidden;display:inline-block;position:absolute;top:0;left:0;width:48px;height:48px;border-radius:50%;border:1px solid #000;vertical-align:top;}
.writer-zone .img-con img{width:100%;}
.writer-zone .txt-con{display:table-cell;padding-left:60px;height:50px;vertical-align: middle;}
.writer-zone .tit-name{overflow:hidden;display:block;max-height:36px;margin:4px 0 2px;font-size:14px;line-height:18px;color:#000;}
.writer-zone .txt-link{font-size:11px;color:#666;text-decoration:underline;}
.writer-zone>a:hover .tit-name,
.writer-zone>a:focus .tit-name,
.writer-zone>a:hover .txt-link,
.writer-zone>a:focus .txt-link{color:#3061ff;}

/* ---- ##관련뉴스,관련이슈 ---- */
.related-zone{clear:both;font-size:0;border-top:1px solid #000;border-bottom:1px solid #000;}
.related-zone+.related-zone{border-top:none;}
.related-zone>[class*='-con']{display:inline-block;margin:24px 0;vertical-align:top;}
.related-zone .tit-con{width:118px;}
.related-zone .txt-con{width:600px;}
.related-zone .txt-con .list{position:relative;padding-left:24px;}
.related-zone .list:after{content:"";display:block;position:absolute;top:0;left:0;width:1px;height:100%;background:#000;}
.related-zone .list>li+li{margin-top:11px;}
.related-zone .list a{font-weight:bold;font-size:14px;line-height:23px;}
.related-zone .list a:hover,
.related-zone .list a:focus{text-decoration:underline;}

/* 관련뉴스 */
/* .related-zone.rel{} */
/* 관련이슈 */
.related-zone.issue .title-type01 .tit{font-size:14px;}
.related-zone.issue .title-type01 .tit:hover{text-decoration:none;}
.related-zone.issue .list>li+li{margin-top:inherit;}
.related-zone.issue .list-type088{margin:0 0 24px;}
.related-zone.issue .list-type088 .list:after{display:none;background:none;}
/* 첨부파일 */
.related-zone.attach{}
.related-zone.attach .list a{position:relative;z-index:5;display:block;padding-right:42px;}
.related-zone.attach .list a:after{content:'';clear:both;position:absolute;z-index:1;top:0;right:10px;width:22px;height:22px;background:url(../img/sprites_default01.png?v=20210422_1100) -750px -550px no-repeat;}
.related-zone.attach .list a:hover:after{background-position:-800px -550px;}

/* ----- 본문 슬라이드 ----- */
/* .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;}

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