@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 제거 */

/* 부제 */
.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;}

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

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

/* ---- 본문 컴포넌트 공통 (common) ---- */
.comp-box{clear:both;padding:0 0 50px;}
.comp-box p{}

/* 영상기사 마우스 오버 */
.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: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{position:relative;padding-bottom:20px;color:#888;}
.image-zone .txt-desc:after{content:"";display:block;clear:both;position:absolute;bottom:0;left:0;width:82px;height:2px;background:#000;}
.image-zone .tit-cap:empty{display:none;}
.image-zone .tit-cap:empty+.txt-desc:empty:after{display:none;}
.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{}

/*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%;}
/* 영상 내용 */
.video-zone .desc-con{position:relative;margin:14px 0 0 0;font-size:14px;line-height:22px;}
.video-zone .desc-con p{display:inline;}
.video-zone .tit-cap{display:block;font-weight:bold;color:#000;}
.video-zone .txt-desc{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.active .img-con{display:none;}
.video-zone.active .img-con+.vid-con{display:block;} */

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

/* YHML - 영상(MYH), 소재영상(MCM) */
.video-group{}
/* 반응형 모바일 모드 */
@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 .desc-con .tit-cap{overflow:hidden;width:100%;font-weight:bold;font-size:17px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;}
.audio-zone01 .audio-con{margin-top:18px;}
.audio-zone01 .audio-con>div{width:100% !important;}

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

/* ---- 구글맵 ---- */
.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) -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{}
.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{}
.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=20201110_1650) -750px -550px no-repeat;}
.related-zone.attach .list a:hover:after{background-position:-800px -550px;}

/* ----- 본문 글자 크기 조정 ----- */
/* 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;} */