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

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

/* ---- ##본문 텍스트 ---- */
.story-news{margin-top:20px;padding-bottom:5px;}
.story-news>p,
.story-news>table{margin:0 15px 20px 15px;font-weight:300;font-size:1.8rem;line-height:1.5;color:#000;word-break:break-word;}
.story-news>p.txt-copyright{margin-top:19px;}
/* (예외)Br 제거
 * ▶ 다국어 기사일 경우 br 태그 필요해 css 주석처리 : AEN20221223007100320 */
/* .story-news>p>br{display:none;} */

/* (TEX) 부제
 * ▶ 다국어 없음 */
.story-news .tit-sub{position:relative;margin:0 20px 19px 20px;padding-left:14px;}
.story-news .tit-sub:before{content:"";display:block;clear:both;position:absolute;top:1px;left:0;width:2px;height:100%;background-color:#4a4a4a;}
.story-news .tit-sub .tit{font-weight:normal;font-size:17px;line-height:1.503288;}
.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;}

/* 괘선/base64 : AKR20200130168500054 */
.story-news img[src*="data:image"]{display:block;/* margin:0 auto; */}

/* 테이블
 * 작성자가 선택한 방법으로 텍스트 정렬됨 */
.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 #1977d6;color:#1977d6;}

/* (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{border-bottom:1px solid #1977d6;color:#1977d6;}
.story-news>.txt-openurl,
.story-news>.txt-hyper{display:block;margin:5px 20px 24px;}

/* (TEX) 저작권
 * ▶ 다국어 없음 */
.story-news .txt-copyright em,
.story-news .txt-copyright span{display:inline;}
.story-news .txt-copyright .date{margin-left:5px;}
.story-news .txt-copyright .txt03{display:block;font-weight:bold;color:#000;border-bottom:0;text-decoration:underline;}

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

/* ---- ##본문 하단 ---- */
.story-info{margin:0 0 20px;}
.story-info .keyword-zone{margin:0 0 12px 20px;}
.story-info .info-area{position:relative;min-height:34px;}
.story-info .btn-cmt01{position:absolute;top:3px;right:20px;}
@media only screen and (max-width:320px){
	.story-info{margin-left:14px;margin-right:14px;}
} /* Media Query End (320px) */

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

/* ---- ##이미지 타입 ---- */
.image-zone .img-con{display:block;position:relative;text-align:center;}
.image-zone .img-con>a,
.image-zone .img-con>span{display:block;}
.image-zone .img-con .img{overflow:hidden;}
.image-zone .img-con img{width:100%;}
/* 기본 : 큰 이미지 슬라이드 연결 (P4)
 -- 매핑이미지(01,02), 그래픽, 차트, GIF
 * 화보 : 소재 링크 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:after{content:'';display:inline-block;clear:both;position:absolute;right:10px;top:10px;z-index:10;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.5) url(/m-global/home/v01/img/sprites_btn.png) -140px -30px / 400px auto no-repeat;font-size:0;line-height:0;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{margin:15px 36px 0;font-size:14px;line-height:1.68;}
.image-zone .tit-cap{color:#000;}
.image-zone .txt-desc,
.image-zone .txt-link{color:#666;}

/* 화보일 때 아이콘 라벨 사용 */
.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{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;} /* 프 */

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

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

/* (YHML) 그래픽 | YCL, XED */
/* .graphic-group{} */

/* (YHML) 차트 | XED */
/* .chart-group{} */

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

/* (YHML) 화보 | YCL, XED */
/* .gallery-group{} */

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

/* ---- ##영상 타입 ---- */
/* .video-zone.horizontal : (일반)유튜브 가로 영상
 * .video-zone.vertical : (쇼츠)유튜브 세로 영상 | 동적으로 vertical 추가
 * .video-zone[data-mapping-desc*='#shorts' i] : (쇼츠)유튜브 세로 영상 | 정적
 * .video-zone .img-con - Mobile MP4 영상 섬네일 */
.video-zone{position:relative;}
.video-zone .img-con,
.video-zone .vid-con{overflow:hidden;display:block;position:relative;width:100%;height:0;padding-top:56.25%;}
.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{width:100%;}
.video-zone .img-con+.vid-con{display:none;}
.video-zone .vid-con{background:#000;}
.video-zone .vid-con iframe,
.video-zone .vid-con video{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-zone .desc-con{margin:15px 36px 0;font-size:14px;line-height:1.68;}
/* 일반영상(04) MYH은 영상본문 있음
 * 소재영상(44) MCM은 영상본문이 없음 */
.video-zone .btn-more02[href*='MCM']{display:none;}
.video-zone .btn-more02 .txt{display:none;}
html.en .video-zone .btn-more02 .txt.en,
html.zh .video-zone .btn-more02 .txt.zh,
html.ja .video-zone .btn-more02 .txt.ja,
html.ar .video-zone .btn-more02 .txt.ar,
html.es .video-zone .btn-more02 .txt.es,
html.fr .video-zone .btn-more02 .txt.fr{display:inline-block;}
/* 유튜브 세로 영상 (쇼츠) */
.video-zone[data-mapping-desc*='#shorts' i] .vid-con{width:78.55%;padding-top:140%;margin:0 auto;}

/* 영상 내용
 * tit-cap : mp4 title, 유튜브 없음
 * txt-desc : mp4 caption, 유튜브 description
 * txt-link : 유튜브 url
 * txt-link02 : 유튜브 url (PC 프린트 팝업 노출) */
.video-zone .tit-cap{display:block;color:#000;}
.video-zone .txt-desc{display:inline;color:#666;}
.video-zone .txt-desc+.btn-more04{top:-3px;margin-left:14px;}
.video-zone .txt-desc:empty+.btn-more04{margin-left:0;}
.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 */
/* .video-group{} */

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

/* ---- ##오디오 타입 ---- */
.audio-zone01{position:relative;}
.audio-zone01 .audio-con{margin:0 20px;line-height:0;}
.audio-zone01 .audio-con audio{width:100%;}
.audio-zone01 .desc-con{margin:15px 36px 0;font-size:14px;line-height:1.68;}
.audio-zone01 .tit-cap{color:#000;}
.audio-zone01 .txt-desc{color:#666;}

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

/* ---- ##구글맵 (기능 삭제 MEPS-17799) ---- */
/* (YHML) 구글지도 유료화로 사용 중지
 * .btn-more04 : 구글맵에서 링크 정보를 추출할 수 없기 때문에 구현불가 */
.map-group{position:relative;}
.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{margin:15px 36px 0;font-size:14px;line-height:1.68;}
.map-zone .desc-con p{display:inline;}
.map-zone .tit-cap{color:#000;}
.map-zone .txt-desc{color:#666;}
.map-zone .txt-desc+.btn-more04{top:-3px;margin-left:14px;}
.map-zone .txt-desc:empty+.btn-more04{margin-left:0;}
.map-zone .btn-more04 .ico-type05{display:none;}

/* ---- ##인용구 ---- */
/* (YHML) 인용구 | XED */
/* .quo-group{} */
.quote-zone01{position:relative;margin:0 36px;padding:23px 0 20px;}
.quote-zone01>p{position:relative;font-size:15px;line-height:1.706363;color:#000;text-align:center;word-break:keep-all;}
.quote-zone01:before,
.quote-zone01:after{content:'';clear:both;display:block;position:absolute;box-sizing:border-box;width:20px;height:20px;background:transparent url(../img/sprites_default01.png?v=20221123_1500) -225px 0 / 400px auto no-repeat;}
.quote-zone01:before{top:0;left:-20px;background-position-y:-100px;}
.quote-zone01:after{bottom:0;right:-20px;background-position-y:-125px;}

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

/* ---- ##문단 타입 ---- */
.paragraph-zone01{position:relative;margin:5px 36px 0;}
.paragraph-zone01 .fluid-box{overflow:hidden;display:block;min-height:66px;font-size:0;}
.paragraph-zone01 .img-con,
.paragraph-zone01 .desc-con{display:inline-block;vertical-align:top;}
.paragraph-zone01 .img-con{overflow:hidden;width:66px;height:66px;margin-right:18px;}
.paragraph-zone01 .img-con .img{position:relative;width:100%;height:100%;border-radius:50%;}
.paragraph-zone01 .img-con img{width:100%;}
.paragraph-zone01 .desc-con{box-sizing:border-box;width:-webkit-calc(100% - 84px);width:calc(100% - 84px);font-size:14px;line-height:1.68;}
.paragraph-zone01 .desc-con [class*='ico-label-']{margin-right:8px;}
.paragraph-zone01 .tit-cap{color:#000;}
.paragraph-zone01 .detail{overflow:hidden;color:#666;}
.paragraph-zone01 .detail>p,
.paragraph-zone01 .detail>li{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.paragraph-zone01 .detail>p{-webkit-line-clamp:2;}
/* .paragraph-zone01 .detail>li{-webkit-line-clamp:1;} */
.paragraph-zone01 .detail>li:empty{display:none;}
.paragraph-zone01 .btn-more04{margin-left:86px;}

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

/* (YHML) 연합백과 | YCL, XED */
/* .encyclop-group{} */

/* ---- ##SNS 임베디드 ---- */
/* (공통) 임베디드 소재는 스크립트로 높이를 부여하기 때문에 공백을 최소한 한다. */
.social-group{font-size:0;line-height:0;}
.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:block;position:relative;}
.social-group .fb-embed *{width: 100% !important;}
/* 트위터 제어 */
.social-group .twitter-tweet{margin:0 auto !important;}
/* 인스타그램 제어
 * div.insta-embed : MEPS-16940 IOS 문제로 height 가 필요함
 * iframe.instagram-media-rendered : 인스타그램 정상동작시 추가되는 클래스
 └ iframe 에 min-height 를 선언하면 에러일 때 레이아웃 깨짐  */
.social-group .insta-embed{height:100%;} /* IOS 버그 대응 */
.social-group .insta-embed iframe{min-height:100%;box-sizing:border-box;margin:0 auto !important;}
.social-group .insta-embed iframe:not(.instagram-media-rendered){min-height:auto;}
/* .social-group .insta-embed iframe.instagram-media-rendered{min-height:100%;} */

/* ---- ##키워드 영역 ---- */
/* (TEX) 본문 하단 키워드 */
.keyword-zone01{overflow:hidden;padding:17px 15px;}
.keyword-zone01 .tit{display:block;color:#000;font-weight:bold;font-size:13px;line-height:2.54;}
html.en .keyword-zone01 .tit,
html.es .keyword-zone01 .tit,
html.fr .keyword-zone01 .tit{font-family:'Playfair Display',serif;}
.keyword-zone01 .keyword{overflow:hidden;}
.keyword-zone01 .keyword ul{overflow:hidden;display:block;}
.keyword-zone01 .keyword li{float:left;margin:0 6px 6px 0;width:auto;}
.keyword-zone01 .keyword li a{display:block;padding:0 7px;border-radius:15px;border:1px solid #0068d1;box-sizing:border-box;font-size:13px;line-height:28px;color:#0068d1;}

/* ---- ##기자프로필 ---- */
/* (TEX) 기자프로필 : ▶ 다국어 없음
 * 특집 다국어 사이트에서는 국문 article.css 를 사용하기 때문에 반응형 대응을 하지 않는다.
 * .writer-zone0$ : PC slick 사용
 -- .writer-zone01 : (기본) 기자프로필
 * .writer-zone5$ : Mobile swipe 사용 */
[class*='writer-zone5']{overflow:hidden;height:38px;}
[class*='writer-zone5'] .list{height:100%;font-size:0;white-space:nowrap;}
[class*='writer-zone5'] .list>li{display:inline-block;width:auto;height:100%;}
html:not(.ar) [class*='writer-zone5'] .list>li{min-width:110px;}
html:not(.ar) [class*='writer-zone5'] .list>li+li{margin-left:24px;}
html.ar [class*='writer-zone5'] .list>li{min-width:80px;}
html.ar [class*='writer-zone5'] .list>li+li{margin-right:24px;}
[class*='writer-zone5'] .list>li>a{display:inline-block;position:relative;color:#000;}
[class*='writer-zone5'] .img-con,
[class*='writer-zone5'] .img-con:after{box-sizing:border-box;width:38px;height:38px;border-radius:50%;}
[class*='writer-zone5'] .img-con{overflow:hidden;display:inline-block;position:relative;background-color:#fff;vertical-align:top;}
[class*='writer-zone5'] .img-con:after{content:'';display:block;clear:both;position:absolute;top:0;left:0;border:1px solid #dfdfdf;}
[class*='writer-zone5'] .img-con img{position:absolute;top:50%;left:50%;width:100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
[class*='writer-zone5'] .img-con img[src*='bg_none_people01']{display:inline-block;width:70%;}
html:not(.ar) [class*='writer-zone5'] .img-con{float:left;margin-right:5px;}
html.ar [class*='writer-zone5'] .img-con{float:right;margin-left:5px;}
[class*='writer-zone5'] .txt-con{display:table;height:38px;}
[class*='writer-zone5'] .tit-name{display:table-cell;font-weight:500;font-size:14px;line-height:1.21;vertical-align:middle;}

/* ---- ##관련뉴스,관련이슈,첨부파일 ---- */
/* related group */
.related-group{margin-top:20px;padding:3px 15px 7px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.related-group .tit{display:inline-block;padding:15px 0 10px 0;font-size:1.5rem;line-height:1.2;color:#000;}
html.en .related-group .tit,
html.es .related-group .tit,
html.fr .related-group .tit{font-family:'Playfair Display',serif;}
.related-group .article-list ul{overflow:hidden;clear:both;}
.related-group .article-list li{position:relative;}
.related-group .article-list li:first-child{margin-top:2px;}
.related-group .article-list li:before{content:"";position:absolute;left:0;top:7px;width:3px;height:3px;background-color:#888;}
.related-group .article-list a{display:inline-block;padding:0 0 10px 13px;color:#333;font-size:1.5rem;line-height:1.2;}
.related-group .btn-more{margin-top:14px;}
.related-group .btn-more:after{background-position:-121px 0;}
.related-group .btn-more.on:after{background-position:0 0;}
.related-group .btn-more .txt-show,
.related-group .btn-more.on .txt-hide{display:none;}
.related-group .btn-more .txt-hide,
.related-group .btn-more.on .txt-show{display:inline-block;}

/* (TEX) 첨부파일
 * ▶ 다국어 없음 */
.attach-zone01{position:relative;margin:5px 36px 24px;}
.attach-zone01 .list>li{height:39px;font-size:0;}
.attach-zone01 .list>li>a{overflow:hidden;display:block;height:100%;line-height:39px;vertical-align:middle;color:#0068d1;}
.attach-zone01 .list .txt-file{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:10px;font-size:15px;}
.attach-zone01 .btn-type09{float:left;padding:0;margin:6px 0;height:27px;line-height:27px;vertical-align:middle;}
.attach-zone01 .btn-type09 .txt{font-size:13px;padding:0 13px;}

/* ---- ##개별 포토 본문 ---- */
/* 상단 포토 영역 */
/* .photo-view-zone{} */
.image-zone02 .img-con{display:block;}
.image-zone02 .img-con .img{display:block;}
.image-zone02 .img-con img{width:100%;}

/* ---- ##개별 영상 본문 ---- */
/* 상단 영상 재생 영역 */
/* .video-view-zone{} */
.video-zone02{position:relative;}
.video-zone02 .img-con,
.video-zone02 .vid-con{overflow:hidden;display:block;position:relative;width:100%;height:0;padding-top:56.25%;}
.video-zone02 .img-con{}
.video-zone02 .img-con .img{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-zone02 .img-con img{width:100%;}
.video-zone02 .img-con .video{position:absolute;top:50%;left:50%;width:68px;margin:-25px 0 0 -34px;}
.video-zone02 .img-con+.vid-con{display:none;}
.video-zone02 .vid-con{background:#000;}
.video-zone02 .vid-con iframe,
.video-zone02 .vid-con video{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-zone02.active .img-con{display:none;}
.video-zone02.active .img-con+.vid-con{display:block;}

/* ---- ##(참고) video-zone, video-zone01 공통 영상 비율 ---- */
/* default - 16:9
 * ratio01 - 9:16 (세로)
 * ratio02 - 4:3
 * ratio03 - 21:9
 * ratio04 - 18:9 */
[class*='video-zone'].ratio01 .img-con,
[class*='video-zone'].ratio01 .vid-con{padding-top:177.7778%;}
[class*='video-zone'].ratio02 .img-con,
[class*='video-zone'].ratio02 .vid-con{padding-top:75%;}
[class*='video-zone'].ratio03 .img-con,
[class*='video-zone'].ratio03 .vid-con{padding-top:42.857142857%;}
[class*='video-zone'].ratio04 .img-con,
[class*='video-zone'].ratio04 .vid-con{padding-top:50%;}

@media only screen and (max-width:320px){
	.story-news>p,
	.story-news .txt-openurl{margin-left:14px;margin-right:14px;}
	.comp-box [class*='-zone'] .desc-con,
	.quote-zone01,
	.paragraph-zone01{margin-left:30px;margin-right:30px;}
	.comp-box .paragraph-zone01 .desc-con{margin:0;}

	.social-group .insta-embed iframe{width:100% !important;min-width:320px !important;max-width:inherit !important;}
} /* Media Query End (320px) */

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

 /* .slide-zone01 : PC/반응형 slick 사용 */
.slide-zone01{overflow:hidden;width:100%;font-size:0;line-height:1;}
.slide-zone01 .list{width:100%;}
.slide-zone01 .li{width:100vw;height:100vw;background-color:#000}
.slide-zone01 .img-con01{display:table;position:relative;width:100vw;height:100vw;vertical-align:middle;}
/* .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:100vw;}
.slide-zone01 [class*='vid-con']{display:table;position:relative;width:100%;height:100%;background-color:#000;}
.slide-zone01 [class*='vid-con']>div{overflow:hidden;display:block;position:absolute;top:50%;left:0;width:100%;height:0;}
.slide-zone01 [class*='vid-con'] .video-js,
.slide-zone01 [class*='vid-con']  video{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}
.slide-zone01 .vid-con01>div{margin-top:-28.125%;padding-top:56.25%;}
.slide-zone01 .vid-con02>div{margin-top:-50%;padding-top:100%;}
.slide-zone01 .vid-con02 .video-js,
.slide-zone01 .vid-con02 video{object-fit:cover;}
.slide-zone01 [class*='btn-dir81']{display:none !important;opacity:0;position:absolute;z-index:10;top:47%;margin-top:-45px;
transition:opacity .25s;}
.slide-zone01 .btn-dir81-prev{left:10px;}
.slide-zone01 .btn-dir81-next{right:10px;}
.slide-zone01 .list.slick-initialized [class*='btn-dir81']:not(.slick-disabled){opacity:1;}
.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;}

/* .slide-zone51 : Mobile swipe 사용 */
.slide-group51 .pager03{margin-top:20px;}
.slide-zone51{width:100%;height:100%;background-color:#000;}
.slide-zone51 .list{height:100vw;font-size:0;}
.slide-zone51 .item-box{position:relative;}
.slide-zone51 .item-box>a{display:block;}
.slide-zone51 .img-con01{display:table;position:relative;width:100%;height:100vw;}
.slide-zone51 .img-con01 .img{display:table-cell;text-align:center;vertical-align:middle;}
.slide-zone51 .img-con01 .img img{width:100%;}
.slide-zone51 .img-con01 .img.rowH img{width:auto;height:100vw;}
.slide-zone51 [class*='vid-con']>div{position:relative;width:100%;height:0;vertical-align:middle;}
.slide-zone51 [class*='vid-con'] video{position:absolute;left:0;}
.slide-zone51 .vid-con01>div{padding-bottom:56.25%;}
.slide-zone51 .vid-con01 video{top:45%;width:100%;height:100%;}
.slide-zone51 .vid-con02>div{padding-bottom:100%;}
.slide-zone51 .vid-con02 video{top:0;width:100.5%;height:100.5%;object-fit:cover;}
.slide-zone51 [class*='btn-dir81']{opacity:0;position:absolute;z-index:50;top:50%;margin-top:-35px;
transition:opacity .25s;}
.slide-zone51 .btn-dir81-prev{left:0;}
.slide-zone51 .btn-dir81-next{right:0;}
.slide-zone51[class*='swiper-container-'] [class*='btn-dir81']:not(.swiper-button-disabled){opacity:1;}
/* 일반 프레임 : 768px 이상 */
@media only screen and (min-width:768px){
	.slide-zone51 .list{height:600px;}
	.slide-zone51 .li{height:600px;}
	.slide-zone51 .img-con01{display:table;position:relative;width:100%;height:600px;}
	.slide-zone51 .img-con01 .img.rowH img{width:auto;height:600px;}

	.story-info .keyword-zone{margin-left:0;}
	.story-info .btn-cmt01{right:0;}
	[class*='writer-zone5']{padding-left:0;}
	[class*='container'].writer-multiple [class*='writer-zone5']{padding:0;}
	[class*='container'].writer-multiple .story-info .info-area .btn-cmt01{margin-left:0;}
}

/* ----- 본문 글자 크기 조정 ----- */
/* 2020-09-08 : article.css를 사이트 공유를 하기위해 아래 코드를 layout.css 로 이동함
 * article-font1 : 가장작게
 * article-font2 : 작게
 * article-font3 : 보통 (기본)
 * article-font4 : 크게
 * article-font5 : 가장크게 */
/* .article-font1 .story-news>p,
.article-font1 .story-news .txt-openurl{margin-bottom:16px;font-size:13px;}
.article-font1 .comp-box{padding:4px 0 20px;}
.article-font1 .comp-box .desc-con{font-size:13px;}
.article-font1 .quote-zone01 p{font-size:13px;}

.article-font2 .story-news>p,
.article-font2 .story-news .txt-openurl{margin-bottom:18px;font-size:15px;}
.article-font2 .comp-box{padding:5px 0 23px;}
.article-font2 .comp-box .desc-con{font-size:13px;}
.article-font2 .quote-zone01 p{font-size:14px;}

.article-font3 .story-news>p,
.article-font3 .story-news .txt-openurl{margin-bottom:19px;font-size:17px;}
.article-font3 .comp-box{padding:5px 0 24px;}
.article-font3 .comp-box .desc-con{font-size:14px;}
.article-font3 .quote-zone01 p{font-size:15px;}

.article-font4 .story-news>p,
.article-font4 .story-news .txt-openurl{margin-bottom:24px;font-size:20px;}
.article-font4 .comp-box{padding:6px 0 30px;}
.article-font4 .comp-box .desc-con{font-size:15px;}
.article-font4 .quote-zone01 p{font-size:16px;}

.article-font5 .story-news>p,
.article-font5 .story-news .txt-openurl{margin-bottom:29px;font-size:24px;}
.article-font5 .comp-box{padding:7px 0 36px;}
.article-font5 .comp-box .desc-con{font-size:16px;}
.article-font5 .quote-zone01 p{font-size:17px;} */

/* 본문 첫 컨텐츠로 오는 comp-box 상단 여백제거 */
.article-wrap .story-news > .comp-box:first-child{padding-top:0;}

/* =============== ####본문 컨트롤 ======================== */