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

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

/* ---- ##본문 텍스트 ---- */
.story-news{margin-top:20px;padding-bottom:5px;}
.story-news>p,
.story-news>span,
.story-news>table{margin:0 20px 19px 20px;font-size:17px;line-height:1.62;color:#000;word-break:break-word;}
.story-news>p>br{display:none;} /* Br 제거 */
.story-news>p.txt-copyright{margin-top:19px;}
/* (예외)연합백과  */
.body-view-encyclopedia .story-news>p>br{display:block;}

/* 부제 */
.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 */
.story-news img[src*="data:image"]{display:block;/* margin:0 auto; */}

/* 테이블 */
.story-news>table{font-size:12px;}
.story-news>table td{padding:4px;}
.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 - 하이퍼링크, 오픈링크
 * 하이퍼링크 : .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{font-weight:500;border-bottom:1px solid #1977d6;color:#1977d6;}
/* 단어 */
/* .story-news>p>.txt-hyper a,
.story-news>p>.txt-openurl a{} */
/* 문장 */
.story-news>.txt-openurl,
.story-news>.txt-hyper{display:block;margin:5px 20px 4px;}

/* (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) 숨김처리 할 소재
 -- 인물(11), Not Found(XX) */
.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;cursor:pointer;}
.image-zone .img-con img{width:100%;}
.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:#6c6c6c;}
/* 화보일 때 아이콘 라벨 사용 */
.image-zone .label-box01{position:absolute;bottom:0;box-sizing:border-box;height:32px;padding-right:7px;padding-left:1px;background-color:rgba(0,0,0,0.5);}
.image-zone .label-box01 .txt{font-size:12px;line-height:32px;color:#fff;}
.image-zone .label-box01 .ico-type01{background-color:transparent;}
/* MEPS-19133 이슈 작업 후 속보 대표이미지에서만 title, caption 숨김처리 작업 */
.image-zone[data-mapping-filename*="PCM20230207000204990"] .tit-cap,
.image-zone[data-mapping-filename*="PCM20230207000204990"] .txt-desc{display:none;}

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

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

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

/* YHML - 차트 */
.chart-group{}

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

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

/* ---- ##영상 타입 ---- */
/* .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 .video{position:absolute;top:50%;left:50%;width:68px;margin:-25px 0 0 -34px;}
.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-more04[href*='MCM']{display:none;}
/* 유튜브 세로 영상 (쇼츠) */
.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:#6c6c6c;}
.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) */
/* .video-group{} */

/* YHML - 유튜브 */
/* 반응형 외국어 본문에서 한글 '유튜브' 텍스트 숨김 */
.youtube-group .video-zone .txt-link{display:none;}
html.ko .youtube-group .video-zone .txt-link{display:inline;}

/* ---- ##오디오 타입 ---- */
.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:#6c6c6c;}
/* .audio-zone01{position:relative;margin:0 20px;padding:20px 15px 10px;border:1px solid #ccc;background:#f5f5f5;}
.audio-zone01 .desc-con{font-size:14px;line-height:1.68;}
.audio-zone01 .tit-cap{color:#000;}
.audio-zone01 .audio-con{}
.audio-zone01 .audio-con audio{width:100%;} */

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

/* ---- ##구글맵 | 구글지도 유료화로 사용 중지 (MEPS-17799) ---- */
.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:#6c6c6c;}
.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;} /* (임시) 아이콘 숨김 */

/* ---- ##인용구 ---- */
.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;}

/* ---- ##구분선 (임시) ---- */
.hr-group .hr01{display:block;height:1px;margin:0 20px;padding:0;border:none;background-color:#6c6c6c;}

/* ---- ##문단 타입 ---- */
.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:#6c6c6c;}
.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;}

/* 인물정보 */
/* .person-group{} */
/* 20230427 본문 하단 인물 정보 비노출 */
.person-group{display:none;}

/* 연합백과 */
/* .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;}
/* 페이스북 제어
 * 페이스북 에러일 때 요소가 변경되기 때문에 '*' 사용 */
.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%;} */

/* ---- ##키워드 영역 ---- */
/* .keyword-zone .list ~ 선언금지 (반응형 고려 : html 구조가 다름) */
.keyword-zone{}
/* .keyword-zone>ul{margin-right:-2px;font-size:0;} */
.keyword-zone>ul{font-size:0;}
.keyword-zone>ul>li{display:inline-block;margin:0 0 2px 4px;line-height:31px;}
.keyword-zone>ul>li:first-child{margin-left:0;}
.keyword-zone>ul>li>a{display:inline-block;position:relative;height:31px;padding:0 2px;font-size:13px;line-height:inherit;color:#0068d1;vertical-align:top;}
.keyword-zone>ul .ico-type05{position:relative;top:50%;left:0;margin-right:2px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);}

/* ---- ##첨부파일 ---- */
.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;}

/* ---- ##기자프로필 ---- */
/* .writer-zone0$ : PC/반응형 slick 사용
 -- .writer-zone01 : (기본) 기자프로필
 -- .writer-zone02 : #D 글기사 본문
 * .writer-zone5$ : Mobile swipe 사용
 * .multiple : 모바일 & 반응형 모바일 모드에서 공동작성자일 때 .container 에 추가 */
[class*='writer-zone0']{overflow:hidden;height:38px;margin:-63px 20px 24px;}
[class*='writer-zone0'] .list{white-space:nowrap;font-size:0;}
[class*='writer-zone0'] .list.slick-slider{display:flex;}
[class*='writer-zone0'] .slick-arrow{position:initial;height:38px;width:13px;background-color:transparent;border:0;}
[class*='writer-zone0'] .slick-arrow.slick-disabled{display:none !important;}
[class*='writer-zone0'] .slick-arrow .ico{content:'';display:inline-block;position:absolute;top:10px;width:13px;height:17px;background:url(//r.yna.co.kr/www/home_n/v02/img/sprites_default01.png?v=20221123_1500) 0 0 no-repeat;background-size:500px 500px;}
[class*='writer-zone0'] .slick-arrow.slick-prev{margin-right:10px;}
[class*='writer-zone0'] .slick-arrow.slick-prev .ico{left:0;background-position:-75px -200px}
[class*='writer-zone0'] .slick-arrow.slick-next{margin-left:10px;}
[class*='writer-zone0'] .slick-arrow.slick-next .ico{right:0;background-position:-50px -200px;}
[class*='writer-zone0'] .slick-list{flex:1;}
[class*='writer-zone0'] .li{display:inline-block;margin-right:20px;}
[class*='writer-zone0'] .li>a{display:inline-block;position:relative;}
[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,
[class*='writer-zone0'] .li>a:hover .txt-link,
[class*='writer-zone0'] .li>a:focus .txt-link{color:#3061ff;}
[class*='writer-zone0'] .img-con{overflow:hidden;float:left;box-sizing:border-box;width:34px;height:34px;border-radius:50%;border:1px solid #ddd;vertical-align:top;}
[class*='writer-zone0'] .img-con img{width:34px;height:34px;}
/* [class*='writer-zone0'] .txt-con{float:left;height:34px;padding-left:4px;} */
/* [class*='writer-zone0'] .tit-name{display:block;font-size:14px;line-height:16px;color:#000;font-weight:normal;}
[class*='writer-zone0'] .txt-link{margin-top:5px;font-size:11px;color:#666;line-height:14px;font-weight:normal;text-decoration:underline;} */
[class*='writer-zone0'] .txt-con{display:flex;align-items:center;float:left;height:34px;line-height:34px;padding-left:4px;}
[class*='writer-zone0'] .tit-name{display:block;font-size:14px;height:34px;line-height:34px;color:#000;font-weight:normal;}
[class*='writer-zone0'] .tit-name + .unit{margin-left:4px;color:#000;font-size:14px;font-weight:normal;}
[class*='writer-zone0'] .txt-link{margin-top:2px;font-size:11px;color:#666;line-height:14px;font-weight:normal;text-decoration:underline;}
/* #D 글기사 본문 */
.writer-zone02{margin:0 20px 24px;}
body.page-video [class*='writer-zone0']{margin:0 20px 40px;}

/* 모바일국문 본문 */
[class*='writer-zone5']{overflow:hidden;padding:0 100px 0 20px;}
/* [class*='writer-zone5'] .list li{width:130px;margin-left:8px;} */
[class*='writer-zone5'] .list li{display:flex;align-items:center;width:130px;margin-left:8px;}
[class*='writer-zone5'] .list li:first-child{margin-left:0;}
[class*='writer-zone5']>a{display:inline-block;}
[class*='writer-zone5'] .img-con{overflow:hidden;display:inline-block;box-sizing:border-box;width:40px;height:40px;border-radius:50%;border:1px solid rgba(0, 0, 0, 0.04);vertical-align:top;}
[class*='writer-zone5'] .img-con img{width:38px;height:38px;border-radius:50%;}
/* [class*='writer-zone5'] .txt-con{display:inline-block;position:relative;height:40px;margin-left:6px;text-align:left;vertical-align:top;} */
/* [class*='writer-zone5'] .tit-name{display:block;margin-top:1px;font-size:15px;line-height:100%;color:#000;} */
[class*='writer-zone5'] .txt-con{display:flex;align-items:center;position:relative;height:40px;margin-left:6px;text-align:left;vertical-align:top;}
[class*='writer-zone5'] .tit-name{display:block;height:40px;font-size:15px;line-height:100%;color:#000;line-height:40px;}
[class*='writer-zone5'] .tit-name + .unit{margin-left:4px;font-size:15px;color:#000;}
/* [class*='writer-zone5'] .btn-more04{position:absolute;bottom:-6px;left:0;} */
[class*='writer-zone5'] .btn-more04{position:absolute;bottom:0;left:0;height:20px;line-height:20px;}
[class*='writer-zone5'] .btn-more04 .txt{height:20px;line-height:20px;}
[class*='writer-zone5'] .btn-more04.style05 .txt:before{bottom:3px;}

[class*='container'].writer-multiple .story-info .info-area .btn-cmt01{position:initial;bottom:initial;right:initial;margin:25px 0 0 20px;}
[class*='container'].writer-multiple .story-info .info-area .btn-cmt01 .txt strong{margin-left:3px;}
[class*='container'].writer-multiple [class*='title-article'] .option-box{right:initial;left:20px;}
[class*='container'].writer-multiple [class*='writer-zone0']{margin:0 20px 40px;}
[class*='container'].writer-multiple [class*='writer-zone5']{padding:0 20px;}

/* ---- ##개별 포토 본문 ---- */
/* 상단 포토 영역 */
/* .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%;background:#000;}
.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 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;}
/* 2023-11-14 : 키워드 세로영상 대응 */
.video-zone02[data-mapping-keyword*='세로영상'] .img-con .img{background-size:contain !important;}

/* ---- ##(참고) 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;}

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

/* ---- ##분류코드 제어 ---- */
/* 카드뉴스 : 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 [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;}