@charset "utf-8";
/*************************************************
 * 프로젝트명:연합뉴스 국문 PC 홈페이지 (★ 2019)
 * comment :  배너, 특집 코너, 이벤트 페이지 등
 * site-home-web : PC 국문
 * site-home-mob : Mobile 국문
*************************************************/

/* =============== 배너 ======================== */
/* ---- 마케팅 광고 스크립트 ---- */
.ads-box,
.ads-box>a{display:block;width:100%;height:100%;}
.ads-box object{margin:0 auto;}

/* aside-bnr$$ 클래스 정의
 * aside-bnr01 ~ aside-bnr20 : PC 홈페이지 고정 운영배너
 * aside-bnr21 ~ aside-bnr99 : 상시적인 이벤트 배너 */

/* ---- PC 홈페이지 고정 운영배너  ---- */
/* 클래스범위 : aside-bnr01 ~ aside-bnr20
 * aside-bnr01 : (마케팅) 상단 헤드, 우측
 * aside-bnr02 : 없음 (미정)
 * aside-bnr03 : (마케팅) 메인 주요기사02
 * aside-bnr04 : (마케팅) 메인 주요기사03
 * aside-bnr05 : (마케팅) 본문내광고 - 378x70
 * aside-bnr06 : (디기부) 본문내광고 - 300x250
 * aside-bnr07 : (마케팅) 섹션 메인 및 하위 페이지 리스트 사이 광고 - cps site 설정 */

/* aside-bnr01 : 마케팅 광고 */
.aside-bnr01{width:258px;}
.aside-bnr01 .con{width:100%;min-height:50px;color:#000;text-align:center;}
.aside-bnr01 .con[class*='ads-']:empty{display:none;}
.aside-bnr01 .con+.con .ads-box{margin-top:10px;}

/* aside-bnr03 : (마케팅) 메인 주요기사02 */
.aside-bnr03{text-align:center !important;padding:0 !important;border:0 !important;}
.aside-bnr03 .ads-box{padding:27px 0;border-top:1px solid #e5e5e5;}

/* aside-bnr04 : 메인 주요기사03 배너*/
.aside-bnr04{text-align:center !important;padding:0 !important;border:0 !important;}
.aside-bnr04 .ads-box{padding:20px 0;border-top:1px solid #e5e5e5;}

/* aside-bnr05 : 본문 내 단락 광고 */
.aside-bnr05{width:378px;margin:0 auto 30px;text-align:center;}

/* aside-bnr06 : 본문 내 단락 플로팅광고 */
.aside-bnr06{}
.article-ad-box{float:right;width:300px;height:250px;margin:10px 0 30px 30px;font:normal 0/0 sans-serif;text-indent:0;}

/* aside-bnr07 : 리스트 사이 광고 */
.aside-bnr07{text-align:center !important;}
.list-type038 .aside-bnr07 .ads-box{padding:30px 0;border-bottom:1px solid #e5e5e5;}
.list-type038.style01 .aside-bnr07{width:1100px;margin:0 auto;}

/* ---- 상시적인 이벤트 배너  ---- */
/* 클래스범위 : aside-bnr21 ~ aside-bnr99
 * aside-bnr21 : 공지배너, bnr-***$$ 확장형 (메인 상단 우측 핫뉴스 상하단 배치)
 * aside-bnr22 : 공지배너, bnr-***$$ 확장형 (메인 상단 좌측 주요뉴스 상하단 배치)
 * aside-bnr23 : 메인 공지 링크메뉴 (메인 이슈돋보기 코너 하단 배치)
 * aside-bnr24 : 메인 하단 가로정렬 배너 (메인 푸터 상단 배치) */

/* 공지배너 좌우측 (확장형 : bnr-text$$, bnr-wrap$$)
 * aside-bnr21, aside-bnr22 의 경우 bnr-****$$ 병행 사용한다.
 * aside-bnr21(우) : 기본으로 img형태 적용을 기본 및 공통 스타일 선언
 * aside-bnr22(좌) : 기본으로 img형태 적용을 기본 및 공통 스타일 선언  */
.aside-bnr21,
.aside-bnr22{position:relative;}
.aside-bnr21+.aside-bnr21{margin-top:10px;}
.aside-bnr22+.aside-bnr22{margin-top:10px;}
.aside-bnr21 .con img{width:100%;}

/* .aside-bnr21.bnr-text$$ - 공통 텍스트 타입 */
.aside-bnr21[class*='bnr-text'] a{display:block;box-sizing:border-box;white-space:nowrap;}
.aside-bnr21 [class*='color']{font-weight:bold;}

/* .aside-bnr21.bnr-img$$ - 공통 이미지 태그 타입 */
.aside-bnr21[class*='bnr-img'] .con{height:100%;}
.aside-bnr21[class*='bnr-img'] .con>a{position:relative;display:block;height:100%;}
.aside-bnr21[class*='bnr-img'] .con>a:after{clear:both;content:"";position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;box-sizing:border-box;}

/* bnr-text$$ : (확장) 텍스트가 사용 된 배너
 * └ bnr-text01 : 기본형
 * └ bnr-text02 : 연합채용 공고
 * └ bnr-text03 : 연합채용 합격자 발표
 * └ bnr-text04 : 없음
 * └ bnr-text05 : 연합채용 모집/발표 2단 구조 공고
 * └ bnr-text06 : 연합뉴스TV 다수공고
 * └ bnr-text07 : (임시) 수림문학상 배너 */

/* bnr-text01 : 채용공고, 고지공고 등
 * 텍스트 정렬 : 좌측 (기본)
 -- 가운데 변경 : text-c 추가 */
.bnr-text01 .con{box-sizing:border-box;min-height:42px;border:1px solid #fff;background-color:#eee;}
.bnr-text01 a{display:block;width:100%;padding:11px 12px 10px 12px;font-weight:bold;font-size:13px;line-height:17px;color:#000;}
.bnr-text01 .con:hover{border-color:#3061ff;background-color:#fff;color:#3061ff;}
.bnr-text01 .con+.con{margin-top:10px;}
.bnr-text01 .con.text-c a{padding-left:0;}
/* style01 : 폰트사이즈 15px */
.bnr-text01.style01 a{height:inherit;padding:10px 0;font-size:15px;line-height:24px;}

/* bnr-text02 : 연연합채용모집 공고
 * 텍스트 정렬 : 가운데 (기본)
 -- 좌측 변경 : text-l 추가 */
.bnr-text02 .con{box-sizing:border-box;min-height:42px;background-color:#1799dd;text-align:center;}
.bnr-text02 a{display:block;width:100%;padding:11px 8px 10px 8px;font-weight:bold;font-size:13px;line-height:17px;color:#fff;}
.bnr-text02 .con:hover a{color:#000;}
.bnr-text02 .con+.con{margin-top:10px;}
.bnr-text02 .con.text-l a{padding-right:12px;padding-left:12px;}

/* bnr-text03 : 연합합격자발표 공고
 * 텍스트 정렬 : 가운데 (기본)
 -- 좌측 변경 : text-l 추가 */
.bnr-text03 .con{box-sizing:border-box;min-height:42px;background-color:#5cb0cf;text-align:center;}
.bnr-text03 a{display:block;width:100%;padding:11px 8px 10px 8px;font-weight:bold;font-size:13px;line-height:17px;color:#fff;}
.bnr-text03 .con:hover a{color:#000;}
.bnr-text03 .con+.con{margin-top:10px;}
.bnr-text03 .con.text-l a{padding-right:12px;padding-left:12px;}

/* bnr-text05 : 연합채용 모집/발표 2단 구조 공고 */
.bnr-text05{padding:10px 13px;background:#1f63a8;}
.bnr-text05 dt,
.bnr-text05 dd{display:inline-block;vertical-align:top;font-size:13px;}
.bnr-text05 .list .tit{margin-right:8px;color:#96d4f7;font-weight:bold;}
.bnr-text05 .list .txt{color:#fff;font-weight:bold;}
.bnr-text05 .list .txt+.txt{margin:4px 0 0;}
.bnr-text05 .list .txt:hover{text-decoration:underline;}
.bnr-text05 .list+.list{margin:7px 0 0;}

/* bnr-text06 : 연합뉴스TV 다수공고 */
.bnr-text06{padding:11px 14px;background:#eee;}
.bnr-text06 .tit{display:block;margin:0 0 4px;font-size:13px;}
.bnr-text06 .txt{display:block;margin-left:4px;font-weight:bold;font-size:14px;padding-left:12px;background:url(//r.yna.co.kr/ad/img/2021/bnr_recruitbul_20211109.png) 0 10px no-repeat;}
.bnr-text06 .txt:hover{text-decoration:underline;}

/* bnr-text07 : (임시) 수림문학상 배너 */
.bnr-text07 a{box-sizing:border-box;width:100%;padding:3px 0;border:1px solid #9bbf5f;background-color:#9bbf5f;font-weight:bold;font-size:16px;line-height:40px;text-align:center;color:#fff;}
.bnr-text07 a span{font-size:12px;line-height:38px;}
.bnr-text07 a:hover{border:1px solid #669900;background-color:#fff;color:#669900;}
.bnr-text07.style01 a{line-height:32px;}
.bnr-text07.style01 a span{line-height:30px;}

/* bnr-img$$ : (확장) 이미지 태그가 사용 된 배너
 * └ bnr-img01 : 오버효과 */
.bnr-img01 .con>a:hover:after{border:1px solid #3061ff;}

/* aside-bnr23 : 메인 링크배너 (사내 관련링크)
 * 콘텐츠영역 : aside-box21 */
.aside-bnr23{width:242px;}
.aside-bnr23 .con{position:relative;height:48px;box-sizing:border-box;padding:13px 0 0 29px;}
.aside-bnr23+.aside-bnr23{margin-top:9px;}
.aside-bnr23 .con:after{content:'';position:absolute;background:url(../img/sprites_default01.png?v=20200720_1110) 0 0 no-repeat;}
.aside-bnr23 a{color:#000;font-size:14px;line-height:20px;}
.aside-bnr23 a:hover{font-weight:bold;}
.aside-bnr23.koreancenter .con{padding:14px 0 0 30px;background:url(../img/bnr_notice_koreancenter01.jpg) 0 0 no-repeat;background-size:cover;}
.aside-bnr23.koreancenter .con:after{right:24px;top:13px;width:23px;height:24px;background-position:-600px 0;}
.aside-bnr23.koreancenter a{color:#fff;}
.aside-bnr23.people .con{border:1px solid #e5e5e5;}
.aside-bnr23.people .con:after{right:27px;top:9px;width:26px;height:26px;background-position:-550px -50px;}
.aside-bnr23.people.people a{position:relative;}
.aside-bnr23.people.people a+a{margin-left:35px;}
.aside-bnr23.people.people a+a:before{content:'';position:absolute;left:-18px;top:4px;width:1px;height:12px;background:#000;}
.aside-bnr23.newspaper .con{border:1px solid #e5e5e5;}
.aside-bnr23.newspaper .con:after{right:29px;top:9px;width:22px;height:26px;background-position:-550px -100px;}
.aside-bnr23.sociallife .con{border:1px solid #e5e5e5;}
.aside-bnr23.sociallife .con:after{right:27px;top:7px;width:25px;height:30px;background-position:-550px -500px;}

/* aside-bnr04 : 메인 하단 가로정렬형 배너(사내 관련링크)
 * 콘텐츠영역 : aside-box24 */
.aside-bnr24{overflow:hidden;}
.aside-bnr24:after{content:'';display:block;clear:both;}
.aside-bnr24 .con{float:left;}
.aside-bnr24 .con+.con{margin-left:29px;}
.aside-bnr24 .con:nth-child(3){margin-left:30px;}
.aside-bnr24 .con:nth-child(4){float:right;margin-left:0;}
.aside-bnr24 a{display:inline-block;width:251px;height:63px;border:1px solid #e5e5e5;}
.aside-bnr24 a:hover{border-color:#000;}
.aside-bnr24 a img{display:block;width:100%;height:100%;}

/* ---- 이벤트 배너 / 코너 ---- */
/* PC 전용 : bnr-wrap001 ~ bnr-wrap500
 * 도메인 공유 : bnr-wrap501 ~ bnr-wrap999  */

/* bnr-wrap 언어선택 공통 */
[class*='bnr-wrap']+[class*='bnr-wrap']{margin-top:10px;}
[class*='bnr-wrap'] .lang-menu{display:inline-block;position:absolute;}
[class*='bnr-wrap'] .lang-menu .txt{display:block;position:relative;box-sizing:border-box;outline:0;border:none;background:none;line-height:24px;text-align:left;}
[class*='bnr-wrap'] .lang-menu .txt span{display:inline-block;font-size:13px;line-height:24px;font-family:arial,sans-serif;color:#fff;letter-spacing:0;}
[class*='bnr-wrap'] .lang-menu .txt i{display:block;position:absolute;
-webkit-transition:transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition:transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
-ms-transition:transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition:transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);}
[class*='bnr-wrap'] .lang-menu .txt:hover i{
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);}
[class*='bnr-wrap'] .lang-menu ul{overflow:hidden;position:absolute;left:2px;top:33px;width:100%;height:0;
-webkit-transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
transition:all 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);}

[class*='bnr-wrap'] .lang-menu ul li{margin:0 10px 10px;text-align:left;}
[class*='bnr-wrap'] .lang-menu ul li a{font-size:12px;color:#fff;letter-spacing:0;}
[class*='bnr-wrap'] .lang-menu ul li a:hover{text-decoration:underline;}
[class*='bnr-wrap'] .lang-menu:hover ul{height:200px;padding:21px 0 10px;}

@media only screen and (min-width:769px){
	[class*='bnr-wrap'] .lang-menu .ko a{font-family:'맑은 고딕',Malgun Gothic,'돋움',dotum,arial,sans-serif;}
	[class*='bnr-wrap'] .lang-menu .cg a,
	[class*='bnr-wrap'] .lang-menu .cb a{font-family:Verdana,arial,'Microsoft Yahei','微软雅黑',STXihei,'华文细黑',SimHei,'黑体',sans-serif;}
	[class*='bnr-wrap'] .lang-menu .ja a{font-family:Meiryo,'メイリオ','MS PGothic','ＭＳ Ｐゴシック',sans-serif;}
	[class*='bnr-wrap'] .lang-menu .en a,
	[class*='bnr-wrap'] .lang-menu .ar a,
	[class*='bnr-wrap'] .lang-menu .es a,
	[class*='bnr-wrap'] .lang-menu .fr a{font-weight:normal;font-family:Verdana,Tahoma,dotum,arial,sans-serif;}
}

/* bnr-wrap001 : (PC전용) 코로나19 다국어 선택
 * 콘텐츠영역 : aside-box18
 * 게재일 :	2020-02-10 */
.bnr-wrap001{position:relative;z-index:20;height:40px;background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_web_20200212.jpg) no-repeat;}
.bnr-wrap001 .link01{position:absolute;top:3px;left:60px;display:block;width:350px;height:34px;text-indent:-9999px;}
.bnr-wrap001 .info01{position:absolute;top:10px;right:10px;width:150px;display:block;text-indent:-9999px;}
.bnr-wrap001 .lang-menu{top:7px;left:430px;}
.bnr-wrap001 .lang-menu .txt{width:98px;height:24px;border-bottom:1px solid #e1e1e1;}
.bnr-wrap001 .lang-menu .txt i{right:0;top:10px;width:10px;height:6px;background:url(https://r.yna.co.kr/www/safe/v01/img/sprites_safe14.png) -453px -400px no-repeat;}
.bnr-wrap001 .lang-menu ul{left:2px;top:33px;background:rgba(38, 51, 112, 0.87);}

/* bnr-wrap001 : 확진자 동선 페이지 링크 추가 */
.bnr-wrap001.style01{background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_web_20200219_02.jpg) no-repeat;}
.bnr-wrap001.style01 .link01{left:26px;}
.bnr-wrap001.style01 .lang-menu{left:385px;}
.bnr-wrap001.style01 .link02{position:absolute;right:180px;top:6px;display:block;width:120px;height:30px;text-indent:-9999px;}

/* bnr-wrap001 : 코로나19 '심각' 경보 */
.bnr-wrap001.style02{background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_web_20200219_03.jpg) no-repeat;}
.bnr-wrap001.style02 .link01{left:26px;}
.bnr-wrap001.style02 .lang-menu{left:385px;}
.bnr-wrap001.style02 .link02{position:absolute;right:180px;top:6px;display:block;width:120px;height:30px;text-indent:-9999px;}

/* bnr-wrap002 : (PC전용) 수림문학상
 * 콘텐츠영역 : aside-box23 */
.bnr-wrap002{position:relative;height:40px;}
.bnr-wrap002 .con{height:100%;}
.bnr-wrap002 .con>a{display:block;height:100%;background-color:#9bbf5f;background-position:0 0;background-repeat:no-repeat;}
.bnr-wrap002 .con>a:after{clear:both;content:"";position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;box-sizing:border-box;}
.bnr-wrap002 .con>a:hover{background-color:#fff;background-position:0 -40px;}
.bnr-wrap002 .con>a:hover:after{border:1px solid #9bbf5f;}
/* 연도별
 * 게재일 :	2020-03-09 (open2020)
 * 게재일 :	2021-04-02 (open2021) */
.bnr-wrap002.open2020 .con>a{background-image:url(//r.yna.co.kr/ad/img/2020/bnr_soorim_20200306.png);}
.bnr-wrap002.open2021 .con>a{background-image:url(//r.yna.co.kr/ad/img/2021/bnr_soorim_20210402.png);}

/* bnr-wrap003 : (PC전용) 정치, 전국면 섹션 2020총선 배너
 * 콘텐츠영역 : aside-box16
 * 게재일 :	2020-03-18 */
.bnr-wrap003{position:relative;overflow:hidden;height:62px;background:#3c16b8;}
.bnr-wrap003 .con{height:100%;font-size:0;text-align:left;}
.bnr-wrap003 .con>.tit{position:absolute;top:9px;left:27px;display:block;width:237px;height:44px;background:url(//r.yna.co.kr/ad/img/2020/bnr_election_web_20200318.png) 0 0 no-repeat;text-indent:-9999px;}
.bnr-wrap003 .con>.tit a{display:block;height:100%;}
.bnr-wrap003 .menu-link{overflow:hidden;display:inline-block;position:absolute;top:0;left:304px;height:100%;font-size:0;}
.bnr-wrap003 .menu-link li{display:inline-block;line-height:60px;}
.bnr-wrap003 .menu-link li+li{margin-left:22px;}
.bnr-wrap003 .menu-link li>a{font-size:17px;color:#fff;}
.bnr-wrap003 .menu-link li>a:hover{text-decoration:underline;}
.bnr-wrap003 .info-date{position:absolute;top:15px;right:22px;width:60px;text-align:center;}
.bnr-wrap003 .info-date>.tit{display:block;width:60px;height:12px;background:url(//r.yna.co.kr/ad/img/2020/bnr_election_web_20200318.png) -300px 0 no-repeat;}
.bnr-wrap003 .info-date>.tit strong{text-indent:-9999px;}
.bnr-wrap003 .txt-date{margin:2px 0 0;font-size:20px;color:#fff;}
.bnr-wrap003 .txt-date .num{font-weight:bold;color:#ff8a00;}

/* bnr-wrap004 : (PC전용) 메인 2020총선 배너
 * 콘텐츠영역 : aside-box19
 * 게재일 :	2020-03-19 */
.bnr-wrap004{position:relative;overflow:hidden;height:52px;background:#3c16b8;}
.bnr-wrap004 .con{height:100%;background:url(//r.yna.co.kr/ad/img/2020/bnr_election_web_main_20200319_02.png) 50% 50% no-repeat;}
.bnr-wrap004 .con a{display:block;height:100%;}
.bnr-wrap004 .info-date{position:absolute;top:15px;right:22px;}
.bnr-wrap004 .txt-date{position:absolute;top:10px;right:36px;margin:2px 0 0;font-size:18px;color:#fff;}
.bnr-wrap004 .txt-date .num{font-weight:bold;color:#ff8a00;}

/* bnr-wrap005 : (PC전용) 메인 코로나현황 와이드
 * 콘텐츠영역 : aside-box27
 * 게재일 :	2020-04-28 */
.bnr-wrap005{position:relative;height:40px;background:#273470;}
.bnr-wrap005:before{clear:both;content:"";position:absolute;z-index:1;width:225px;height:100%;background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_web_20200428.png) 0 0 no-repeat;;}
.bnr-wrap005 .inner{height:100%;}
.bnr-wrap005 .con a{display:block;height:100%;}
.bnr-wrap005 .txt-con{display:inline-block;height:100%;line-height:40px;}
.bnr-wrap005 .txt-con .tit{width:225px;height:100%;text-indent:-9999px;}
.bnr-wrap005 .txt-con .tit a{position:relative;z-index:10;}
.bnr-wrap005 .txt-con .date{display:inline-block;margin-left:27px;font-size:12px;color:#fff;}
.bnr-wrap005 .info-con{display:inline-block;font-size:0;}
.bnr-wrap005 .info-con a{display:block;height:100%;}
.bnr-wrap005 .info-line01{display:inline-block;}
.bnr-wrap005 [class*='info-item']{display:inline-block;margin-left:18px;font-size:16px;color:#fff;}
.bnr-wrap005 [class*='info-item'] .pt{color:#ffae00;}
.bnr-wrap005 [class*='info-item'] [class*='count'] em,
.bnr-wrap005 [class*='info-item'] [class*='count'] span,
.bnr-wrap005 [class*='info-item'] [class*='count'] strong{font-weight:bold;}
.bnr-wrap005 .tit-link{position:relative;display:inline-block;margin-left:32px;padding-right:18px;font-size:15px;color:#fff;}
.bnr-wrap005 .tit-link:after{clear:both;content:"";position:absolute;z-index:1;top:7px;right:0;width:7px;height:13px;background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_web_20200428.png) -233px -15px no-repeat;}
.bnr-wrap005 .lang-menu{position:absolute;top:6px;right:45px;z-index:20;}
.bnr-wrap005 .lang-menu .txt{width:98px;height:24px;border-bottom:1px solid #e1e1e1;}
.bnr-wrap005 .lang-menu .txt span{font-size:12px;}
.bnr-wrap005 .lang-menu .txt i{right:0;top:10px;width:10px;height:6px;background:url(https://r.yna.co.kr/www/safe/v01/img/sprites_safe14.png) -453px -400px no-repeat;}
.bnr-wrap005 .lang-menu ul{background:rgba(38, 51, 112, 0.87);}

/* bnr-wrap006 : (PC전용) 메인 625 70주년특집
 * 콘텐츠영역 : aside-box28
 * 게재일 :	2020-06-24 */
.bnr-wrap006{position:relative;height:45px;}
.bnr-wrap006 .con{height:100%;background:url(https://r.yna.co.kr/ad/img/2020/bnr_koreanwar_20200624.jpg) no-repeat;font-size:0;}
.bnr-wrap006 .con a{display:inline-block;width:50%;height:100%;}

/* bnr-wrap007 : (PC전용) 정치 625 70주년특집
 * 콘텐츠영역 : aside-box28
 * 게재일 :	2020-06-24 */
.bnr-wrap007{position:relative;height:44px;}
.bnr-wrap007 .con{height:100%;background:url(https://r.yna.co.kr/ad/img/2020/bnr_koreanwar_politics_20200624.jpg) no-repeat;font-size:0;}
.bnr-wrap007 .con a{display:inline-block;width:50%;height:100%;}

/* bnr-wrap008 : (PC전용) 2020 미대선
 * 콘텐츠영역 : aside-box30
 * 게재일 :	2020-11-04 */
.bnr-wrap008{position:relative;}
.bnr-wrap008 .con{}
.bnr-wrap008 ul{position:relative;}
.bnr-wrap008 ul:after{content:'';clear:both;display:block;}
.bnr-wrap008 ul li{position:relative;float:left;width:50%;}
.bnr-wrap008 li.line{position:absolute;top:-2px;left:536px;width:inherit;float:none;}
.bnr-wrap008 li.line .half{font-weight:bold;font-size:16px;font-family:Arial,Helvetica,sans-serif;}
.bnr-wrap008 ul li.line:after{content:'';clear:both;position:absolute;z-index:10;top:21px;left:13px;width:1px;height:43px;background:#000;}
.bnr-wrap008 ul li>div{display:inline-block;vertical-align:middle;}
.bnr-wrap008 .img-con{width:74px;height:74px;border-radius:50%;}
.bnr-wrap008 .info-con{margin:10px 0 0;font-size:14px;vertical-align:middle;}
.bnr-wrap008 .info-con .name{display:block;font-weight:bold;font-size:14px;}
.bnr-wrap008 .info-con .count{display:block;font-weight:bold;font-size:36px;line-height:36px;font-family:Arial,Helvetica,sans-serif;}
.bnr-wrap008 .graph-con{position:relative;width:375px;margin:25px 0 0;background:#f1f1f1;}
.bnr-wrap008 .bar{width:0;height:37px;
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
-o-transition: 0.5s all ease;}
.bnr-wrap008 .side01>div{float:left;text-align:left;}
.bnr-wrap008 .side01 .img-con{background:#ff4946;}/* 트럼프 */
.bnr-wrap008 .side01 .info-con{margin-left:20px;}
.bnr-wrap008 .side01 .count{color:#ff4946;}
.bnr-wrap008 .side01 .graph-con{float:right;}
.bnr-wrap008 .side01 .bar{float:left;background:#ff4946;}
.bnr-wrap008 .side02>div{float:right;text-align:right;}
.bnr-wrap008 .side02 .img-con{background:#0080f8;}/* 바이든 */
.bnr-wrap008 .side02 .info-con{margin-right:20px;}
.bnr-wrap008 .side02 .count{color:#0080f8;}
.bnr-wrap008 .side02 .graph-con{float:left;}
.bnr-wrap008 .side02 .bar{float:right;background:#0080f8;}
.bnr-wrap008 .info-offer{position:absolute;bottom:-12px;left:454px;font-size:12px;color:#888;}

/* 컬러 좌우반전 */
.bnr-wrap008.style01{}
.bnr-wrap008.style01 .side01 .img-con{background:#0080f8;}
.bnr-wrap008.style01 .side01 .count{color:#0080f8;}
.bnr-wrap008.style01 .side01 .bar{float:left;background:#0080f8;}
.bnr-wrap008.style01 .side02 .img-con{background:#ff4946;}
.bnr-wrap008.style01 .side02 .count{color:#ff4946;}
.bnr-wrap008.style01 .side02 .bar{float:right;background:#ff4946;}

/* bnr-wrap009 : (PC전용) 송년/신년 특집배너
 * 콘텐츠영역 : aside-box19
 * 게재일 :	2020-12-28 */
.bnr-wrap009{position:relative;height:60px;}
.bnr-wrap009 .con{height:100%;background:url(//r.yna.co.kr/ad/img/2020/bnr_newend_20201224.jpg) no-repeat;font-size:0;}
.bnr-wrap009 .con a{display:inline-block;height:100%;}
.bnr-wrap009 .new{width:60%}
.bnr-wrap009 .end{width:40%;}

/* bnr-wrap010 : (PC전용) 2021 드라마작가 지원(빅토리콘텐츠) 공모배너
 * 콘텐츠영역 : aside-box23 */
.bnr-wrap010{position:relative;height:52px;}
.bnr-wrap010 .con{height:100%;}
.bnr-wrap010 .con>a{display:block;height:100%;background-color:#e23178;background-position:0 0;background-repeat:no-repeat;}
.bnr-wrap010 .con>a:after{clear:both;content:"";position:absolute;top:0;left:0;z-index:10;box-sizing:border-box;width:100%;height:100%;}
.bnr-wrap010 .con>a:hover{background-color:#fff;background-position:0 -52px;}
.bnr-wrap010 .con>a:hover:after{border:1px solid #e23178;}
.bnr-wrap010 .con>a{background-image:url(//r.yna.co.kr/ad/img/2021/bnr_drama_20210603.png);}

/* bnr-wrap011 : (PC전용) 2020도쿄올림픽
 * 콘텐츠영역 : aside-box31
 * .bnr-wrap505과 공통 코드가 많아 일부 공통코드는 .bnr-wrap505 영역에서 추가함 */
.bnr-wrap011{position:relative;height:40px;}
.bnr-wrap011 .con{width:100%;height:100%;background:url(//r.yna.co.kr/ad/img/2021/bnr_tokyo2020_web_sports0201_ko.png) 0 0 no-repeat;}
.bnr-wrap011 .con>a{display:block;}
.bnr-wrap011 .txt-tokyo01{top:9px;left:385px;}
.bnr-wrap011 .txt-tokyo02{top:12px;left:558px;}
.bnr-wrap011 .list{position:absolute;top:4px;left:613px;}

/* bnr-wrap012 : (PC전용) 2021 송년특집 배너(이슈 링크)
 * 콘텐츠영역 : aside-box19 */
.bnr-wrap012{position:relative;}
.bnr-wrap012 .con{width:100%;height:100%;}
.bnr-wrap012 .con [class*='link']{position:absolute;display:block;text-indent:-9999px;}
/* 2021년 송년특집 */
.bnr-wrap012.end-2021{height:98px;}
.bnr-wrap012.end-2021 .con{background:url(//r.yna.co.kr/ad/img/2021/bnr_end_web_20211216.jpg) 0 0 no-repeat;}
.bnr-wrap012.new-2022 .con [class*='link']{height:23px;}
.bnr-wrap012.end-2021 .con .link01{width:90%;top:36px;left:10px;}
.bnr-wrap012.end-2021 .con .link02{width:88px;top:68px;left:70px;}
/* 2022년 신년특집 */
.bnr-wrap012.new-2022{height:64px;}
.bnr-wrap012.new-2022 .con{background:url(//r.yna.co.kr/ad/img/2022/bnr_newyear_web_20220110.jpg) 0 0 no-repeat;}
.bnr-wrap012.new-2022 .con [class*='link']{width:104px;height:48px;top:8px;}
.bnr-wrap012.new-2022 .con .link01{left:16px;}
.bnr-wrap012.new-2022 .con .link02{left:133px;}

/* bnr-wrap013 : (PC전용) 2022베이징올림픽
 * 콘텐츠영역 : aside-box19 */
.bnr-wrap013{position:relative;height:40px;background-color:#0074ff;}
.bnr-wrap013 .con{height:100%;background:url(//r.yna.co.kr/ad/img/2022/bnr_beijing2022_web_title01.png) 47px 0 no-repeat;}
.bnr-wrap013 .con>a{display:block;width:100%;height:100%;}
.bnr-wrap013  .txt-date{position:absolute;top:0;left:170px;display:inline-block;font-size:14px;font-family:arial;line-height:40px;color:#fcff00;vertical-align:middle;}
.bnr-wrap013  .num{line-height:38px;}

/* bnr-wrap014 : (PC전용) 2022 대선, 2022 베이징올림픽
 * [class*='bnr-wrap'] .election2022 공통 스타일 사용
 * 콘텐츠영역 : aside-box32 - 섹션 메인 */
.bnr-wrap014{position:relative;height:40px;text-align:center;}
.bnr-wrap014 .con{height:100%;}
/* .bnr-wrap014 .con:after{display:none !important;} */
.bnr-wrap014 .beijing2022.open:after{width:111px;background-position-y:-50px;}
.bnr-wrap014 .beijing2022.open .txt01{width:189px;}
.bnr-wrap014 .beijing2022.open .txt01 a{background-position-y:-191px;}

.bnr-wrap014.style01{height:64px;} /* 대선/지방선거 */

/* bnr-wrap015 : (PC전용) 2022 베이징올림픽
 * [class*='bnr-wrap'] .election2022 공통 스타일 사용
 * [class*='bnr-wrap'] .beijing2022 공통 스타일 사용
 * 콘텐츠영역 : aside-box18 - 메인 주요기사01 상단 */
.bnr-wrap015{display:block;width:100%;height:40px;vertical-align:top;}
.bnr-wrap015:after{content:'';display:block;clear:both;}
.bnr-wrap015>div{display:block;position:relative;width:50%;height:100%;}
.bnr-wrap015 .con01{float:left;}
.bnr-wrap015 .con02{float:right;}
/* 2022 대선 */
.bnr-wrap015 .con01 .txt01{margin-left:18px !important;}
.bnr-wrap015 .con01 .list{margin-left:20px !important;}
/* 2022 베이징 */
.bnr-wrap015 .beijing2022.open{text-align:left;}
.bnr-wrap015 .beijing2022.open:after{right:-18px;}
.bnr-wrap015 .beijing2022.open .txt01{margin-left:32px;}

/* bnr-wrap016 : (PC전용) 2022 베이징올림픽
 * [class*='bnr-wrap'] .beijing2022 공통 스타일 사용
 * 콘텐츠영역 : aside-box33 - 섹션 우측 */
.bnr-wrap016 .con:before{width:22px !important;background-position-x:-14px !important;}
.bnr-wrap016 .con:after{width:38px !important;background-position-x:95% !important;}
.bnr-wrap016 .con .txt-date{margin-top:7px !important;margin-left:9px !important;font-size:20px !important;}

/* bnr-wrap017 : (PC전용) 2022 지방선거
 * [class*='bnr-wrap'] .local-election2022 공통 스타일 사용
 * 콘텐츠영역 : aside-box27 - 와이드형 */
.bnr-wrap017{background:#3118B5;height:60px;}
.bnr-wrap017 *{font-weight:400;font-family:'Spoqa Han Sans Neo','sans-serif';}
.bnr-wrap017 .inner{overflow:hidden;height:100%;padding:0 32px;box-sizing:border-box;}
.bnr-wrap017 .inner .con01{float:left;}
.bnr-wrap017 .inner .con01 .tit{display:inline-block;font-weight:500;font-size:24px;line-height:60px;color:#fff;}
.bnr-wrap017 .inner .con01 .tit-num{font-weight:300;}
.bnr-wrap017 .inner .con01 .num{font-weight:300;color:#FFC4DD;}
.bnr-wrap017 .inner .con01 .link-list01{display:inline-block;margin-left:40px;font-size:0;}
.bnr-wrap017 .inner [class*='link-list0'] .list{line-height:60px;}
.bnr-wrap017 .inner [class*='link-list0'] li{position:relative;display:inline-block;font-size:15px;letter-spacing:0;line-height:60px;}
.bnr-wrap017 .inner [class*='link-list0'] li+li{margin-left:30px;}
.bnr-wrap017 .inner [class*='link-list0'] li>a{position:relative;display:inline-block;color:#fff;}
.bnr-wrap017 .inner [class*='link-list0'] li>span{color:#A1A1A1;}
.bnr-wrap017 .inner .con02{float:right;}
.bnr-wrap017 .inner .con02 .link-list02{display:inline-block;}
.bnr-wrap017 .inner .con02 .link-list02 li>a:before{content:"#";clear:both;}


/* bnr-wrap501 : (도메인공유) 신종코로나 현황
 * 콘텐츠영역 : aside-box19 */
.bnr-wrap501 .txt-con{position:relative;height:40px;background:#173168;}
.bnr-wrap501 .txt-con .tit{display:inline-block;width:140px;height:100%;text-indent:-9999px;background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_web_tit_20200302.png) no-repeat;}
.bnr-wrap501 .tit a{display:block;height:100%;}
.bnr-wrap501 .date{display:inline-block;font-size:13px;color:#fff;line-height:40px;letter-spacing:0;}
.bnr-wrap501 .info-con a{display:block;}
.bnr-wrap501 [class*='info-line']{display:block;box-sizing:border-box;padding:10px;background:#f6f6f6;font-size:0;}
.bnr-wrap501 .info-con>a{position:relative;display:block;box-sizing:border-box;}
.bnr-wrap501 .info-con>a:after{clear:both;content:"";position:absolute;top:50%;right:7px;margin-top:-6px;z-index:1;width:6px;height:13px;background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_web_tit_20200212.png) -150px center no-repeat;}
.bnr-wrap501 [class*='info-line'] span,
.bnr-wrap501 [class*='info-line'] strong{display:inline-block;font-size:14px;}
.bnr-wrap501 [class*='info-line'] .tit{margin-right:10px;font-weight:bold;}
.bnr-wrap501 [class*='info-line'] [class*='info-item']{display:inline-block;}
.bnr-wrap501 .info-line01{border-bottom:1px solid #eeede8;}
.bnr-wrap501 [class*='count']{text-align:right;}
.bnr-wrap501 .count01{width:62px;margin-right:10px;}
.bnr-wrap501 .count02{width:50px;}
.bnr-wrap501 [class*='info-line'] [class*='count'] strong{font-weight:bold;}
.bnr-wrap501 .fluc{color:#e97e1c;}

/* bnr-wrap501 간격조정 수정01 */
.bnr-wrap501.style01 .info-line01 .count01,
.bnr-wrap501.style01 .info-line01 .count02{width:42px;}

/* bnr-wrap501 간격조정 수정02 */
.bnr-wrap501.style02 .tit{margin-right:6px;}
.bnr-wrap501.style02 .info-line01{text-align:center;}
.bnr-wrap501.style02 .info-line01 [class*='count']{width:inherit;}
.bnr-wrap501.style02 .info-line01 .count01{margin:0 8px 0 3px;}
.bnr-wrap501.style02 .info-line01 .count02{margin:0 8px 0 2px;}
.bnr-wrap501.style02 .info-line01 .count03{margin:0 0 0 2px;}
.bnr-wrap501.style02 .info-con>a:after{background:none;}

/* bnr-wrap501 간격조정 수정03 (+00)증감 추가
 * 게재일 :	2020-03-16 */
.bnr-wrap501.style03 .tit{margin-right:4px;}
.bnr-wrap501.style03 .info-line01{height:52px;padding:6px 10px 7px;}
.bnr-wrap501.style03 .info-line01 [class*='count']{width:inherit;}
.bnr-wrap501.style03 .info-line01 .count01{margin:0 8px 0 3px;}
.bnr-wrap501.style03 .info-line01 .count02{margin:0 8px 0 2px;}
.bnr-wrap501.style03 .info-line01 .count03{margin:0 0 0 2px;}
.bnr-wrap501.style03 .info-con>a:after{background:none;}
.bnr-wrap501.style03 .fluc{display:block !important;line-height:1;}

/* bnr-wrap502 : (도메인공유)
 * 콘텐츠영역 : aside-box26
 * 게재일 :	2020-04-02 */
.bnr-wrap502{position:relative;height:62px;background:#3c16b8;}
.bnr-wrap502 .con{height:100%;font-size:0;text-align:left;}
.bnr-wrap502 .con>.tit{position:absolute;top:9px;left:27px;display:block;width:237px;height:44px;background:url(//r.yna.co.kr/ad/img/2020/bnr_election_web_20200318.png) 0 0 no-repeat;text-indent:-9999px;}
.bnr-wrap502 .con>.tit a{display:block;height:100%;}
.bnr-wrap502 .menu-link{overflow:hidden;display:inline-block;position:absolute;top:0;left:337px;height:100%;font-size:0;}
.bnr-wrap502 .menu-link .list{margin-top:8px;}
.bnr-wrap502 .menu-link li{display:inline-block;line-height:42px;}
.bnr-wrap502 .menu-link li+li{margin-left:21px;}
.bnr-wrap502 .menu-link li>a{padding:0 4px;font-size:18px;color:#fff;}
.bnr-wrap502 .menu-link li>a:hover{text-decoration:underline;}
.bnr-wrap502 .lang-menu{top:18px;left:831px;}
.bnr-wrap502 .lang-menu .txt{width:98px;height:24px;border-bottom:none;}
.bnr-wrap502 .lang-menu .txt span{font-size:14px;}
.bnr-wrap502 .lang-menu .txt i{right:0;top:10px;width:10px;height:6px;background:url(//r.yna.co.kr/www/safe/v01/img/sprites_safe14.png) -453px -400px no-repeat;}
.bnr-wrap502 .lang-menu ul{left:2px;top:33px;background:rgba(38, 51, 112, 0.87);}
.bnr-wrap502 .info-date{position:absolute;top:15px;right:22px;width:60px;text-align:center;}
.bnr-wrap502 .info-date>.tit{display:block;width:60px;height:12px;background:url(//r.yna.co.kr/ad/img/2020/bnr_election_web_20200318.png) -300px 0 no-repeat;}
.bnr-wrap502 .info-date>.tit strong{text-indent:-9999px;}
.bnr-wrap502 .txt-date{margin:2px 0 0;font-size:20px;color:#fff;}
.bnr-wrap502 .txt-date .num{font-weight:bold;color:#ff8a00;}
.bnr-wrap502 .info-vote{position:absolute;top:17px;right:30px;height:42px;color:#fff;}
.bnr-wrap502 .info-vote .tit-vote{margin-right:4px;font-size:14px;}
.bnr-wrap502 .info-vote .txt-percent{font-size:20px;font-weight:normal;}
.bnr-wrap502 .info-vote .txt-percent em{font-weight:bold;}
.bnr-wrap502 .ico01{display:none;}

/* bnr-wrap503 : (도메인공유) 메인 코로나현황 와이드
 * 콘텐츠영역 : aside-box27
 * 게재일 :	2020-04-28 */
.bnr-wrap503{position:relative;height:40px;background:#273470;}
.bnr-wrap503:before{clear:both;content:"";position:absolute;z-index:1;width:225px;height:100%;background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_web_20200821_02.png) 0 0 no-repeat;;}
.bnr-wrap503 .inner{height:100%;font-size:0;}
.bnr-wrap503 .con{display:inline-block;position:relative;height:100%;vertical-align:top;}
.bnr-wrap503 .con>a{display:inline-block;width:100%;height:100%;}
.bnr-wrap503 .txt-con{display:inline-block;height:100%;margin-right:18px;line-height:40px;}
.bnr-wrap503 .txt-con .tit{position:relative;z-index:10;width:225px;height:100%;text-indent:-9999px;}
.bnr-wrap503 .txt-con .tit a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
.bnr-wrap503 .txt-con .date{display:inline-block;margin-left:27px;font-size:12px;color:#fff;}
.bnr-wrap503 .info-con{display:inline-block;}
.bnr-wrap503 .info-con .web{font-weight:normal;margin-left:4px;} /* pc전용 */
.bnr-wrap503 [class*='info-item'],
.bnr-wrap503 .info-con .tit-link{display:inline-block;box-sizing:border-box;margin-top:9px;}
.bnr-wrap503 [class*='info-item']{font-size:16px;color:#fff;vertical-align:top;}
.bnr-wrap503 [class*='info-item'] + [class*='info-item']{margin-left:18px;}
.bnr-wrap503 [class*='count'] .pt{color:#ffae00;}
.bnr-wrap503 [class*='count'] em,
.bnr-wrap503 [class*='count'] span,
.bnr-wrap503 [class*='count'] strong{font-weight:bold;}
.bnr-wrap503 .tit-link{position:relative;margin-left:32px;padding-right:18px;font-size:15px;color:#fff;vertical-align:top;}
.bnr-wrap503 .tit-link:after{clear:both;content:"";position:absolute;z-index:1;top:7px;right:0;width:7px;height:13px;background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_web_20200821_02.png) -233px -15px no-repeat;}
.bnr-wrap503 .lang-menu{position:absolute;top:6px;right:25px;z-index:20;}
.bnr-wrap503 .lang-menu .txt{width:98px;height:24px;border-bottom:1px solid #e1e1e1;}
.bnr-wrap503 .lang-menu .txt span{font-size:12px;}
.bnr-wrap503 .lang-menu .txt i{right:0;top:10px;width:10px;height:6px;background:url(https://r.yna.co.kr/www/safe/v01/img/sprites_safe14.png) -453px -400px no-repeat;}
.bnr-wrap503 .lang-menu ul{background:rgba(38, 51, 112, 0.87);}

/* 기존영역 분리하여 추가배너 적용 */
.bnr-wrap503 .divide-con{position:absolute;top:0;right:0;}
.bnr-wrap503 .divide-con a{display:block;}
.bnr-wrap503 .divide-con:after{content:'';clear:both;position:absolute;top:0;left:-5px;width:5px;height:100%;background:#fff;}

/* 코로나현황 배너 내용변경 - 2021-06-23 */
.bnr-wrap503.style02 .info-con{margin-left:40px;}

/* bnr-wrap504 : (도메인공유) 메인 집중 호우 및 코로나현황
 * 콘텐츠영역 : aside-box27
 * 게재일 : 2020-08-07 */
.bnr-wrap504{position:relative;height:40px;background:#263470;}
.bnr-wrap504 .inner{height:100%;font-size:0;}
.bnr-wrap504 .con{display:inline-block;position:relative;height:100%;vertical-align:top;}
.bnr-wrap504 .con>a{display:inline-block;width:100%;height:100%;}
/* 집중 호우 */
.bnr-wrap504 .divide-con{width:550px;background:url(//r.yna.co.kr/ad/img/2020/bnr_safe_disaster01_web_20200810_01.png) 0 0 no-repeat;font-size:12px;color:#fff;}
.bnr-wrap504 .divide-con .tit-link{position:absolute;right:210px;top:10px;}
/* 코로나현황 제목/날짜 */
.bnr-wrap504 .txt-con{width:160px;}
.bnr-wrap504 .txt-con .tit{display:inline-block;position:relative;z-index:10;box-sizing:border-box;width:100%;height:100%;text-indent:-9999px;}
.bnr-wrap504 .txt-con .tit:after{content:'';display:inline-block;clear:both;position:absolute;top:12px;left:20px;width:75px;height:19px;background:url(//r.yna.co.kr/ad/img/2020/bnr_safe_corona01_web_20200807_01.png) 0 0 no-repeat;vertical-align:top;}
.bnr-wrap504 .txt-con .date{display:inline-block;position:absolute;top:6px;right:0;font-size:12px;line-height:15px;color:#fff;vertical-align:top;}
.bnr-wrap504 .txt-con .time{display:block;letter-spacing:0;}
/* 코로나현황 수치 */
.bnr-wrap504 .info-con{width:390px;}
.bnr-wrap504 .info-con a{box-sizing:border-box;width:100%;padding:0 10px 0 20px;}
.bnr-wrap504 [class*='info-item']{display:inline-block;box-sizing:border-box;height:40px;padding-top:8px;font-size:13px;color:#fff;}
.bnr-wrap504 .info-con .tit-link{display:block;position:absolute;top:50%;right:20px;height:20px;margin-top:-10px;line-height:20px;vertical-align:top;text-indent:-9999px;}
.bnr-wrap504 .info-con .tit-link:after{content:'';display:block;width:13px;height:13px;position:absolute;right:4px;top:4px;border:1px solid #fff;border-right:0 !important;border-bottom:0 !important;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);}
.bnr-wrap504 [class*='info-item'] + [class*='info-item']{margin-left:10px;}
.bnr-wrap504 [class*='count'] .pt{color:#ffae00;}
.bnr-wrap504 [class*='count'] .num,
.bnr-wrap504 [class*='count'] .pt{font-weight:bold;}
.bnr-wrap504 [class*='count'] .fluc{letter-spacing:-0.05em;}

 /* bnr-wrap505 : (도메인공유) 코로나 현황 배너 및 기타 이벤트 배너
 * style01 없음 (기본) : 높이 40px, 여백없이 배너 2개가 붙음
 * style01 추가 : 배너 사이 5px 간격이 생성 됨.
 * style02 추가 : 우측단 적용 (간소화)
 * height50 : 50px
 * 콘텐츠영역 : aside-box27 메인 와이드형
 * 게재일 : 2022-03-29 */
.bnr-wrap505{position:relative;height:40px;background:#051081;}
.bnr-wrap505 .inner{height:100%;font-size:0;}
.bnr-wrap505 .con{display:inline-block;position:relative;height:100%;vertical-align:top;}
.bnr-wrap505 .con>a{display:inline-block;width:100%;height:100%;}
/* 이벤트 영역 */
.bnr-wrap505 .divide-con{width:550px;font-size:12px;color:#fff;}
.bnr-wrap505 .divide-con .tit-link{position:absolute;right:135px;top:10px;}
.bnr-wrap505 .divide-con .tit-link:hover{text-decoration:underline;}
/* 코로나현황 제목/날짜 */
.bnr-wrap505 .txt-con{width:160px;}
.bnr-wrap505 .txt-con .tit{display:inline-block;position:relative;z-index:10;box-sizing:border-box;width:100%;height:100%;text-indent:-9999px;}
.bnr-wrap505 .txt-con .tit:after{content:'';display:inline-block;clear:both;position:absolute;top:0;left:23px;width:64px;height:40px;background:url(//r.yna.co.kr/ad/img/2022/bnr_safe_web_20220114.png) 0 0 no-repeat;vertical-align:top;}
.bnr-wrap505 .txt-con .date{display:inline-block;position:absolute;top:5px;right:-35px;font-size:12px;line-height:15px;color:#fff;vertical-align:top;}
.bnr-wrap505 .txt-con .time{display:block;letter-spacing:0;}
/* 코로나현황 수치 */
.bnr-wrap505 .info-con{width:390px;}
.bnr-wrap505 .info-con a{box-sizing:border-box;width:100%;padding:0 0 0 55px;}
.bnr-wrap505 .info-con .tit-link{display:block;position:absolute;top:50%;right:20px;height:20px;margin-top:-10px;line-height:20px;vertical-align:top;text-indent:-9999px;}
.bnr-wrap505 .info-con .tit-link:after{content:'';display:block;width:13px;height:13px;position:absolute;right:4px;top:4px;border:1px solid #fff;border-right:0 !important;border-bottom:0 !important;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);}
.bnr-wrap505 [class*='info-item']{display:inline-block;box-sizing:border-box;height:40px;padding-top:8px;font-size:13px;color:#fff;}
.bnr-wrap505 [class*='info-item'] + [class*='info-item']{margin-left:10px;}
.bnr-wrap505 [class*='count'] .pt{color:#ffae00;}
.bnr-wrap505 [class*='count'] .num,
.bnr-wrap505 [class*='count'] .pt{font-weight:bold;}
.bnr-wrap505 [class*='count'] .fluc{letter-spacing:-0.05em;}
.bnr-wrap505 .lang-menu{display:none;}
/* 공통 */
.bnr-wrap505.style01 .divide-con{width:555px;}
.bnr-wrap505.style01 .divide-con+.txt-con{width:155px;}
.bnr-wrap505.style01 .info-con+.divide-con{width:550px;}
.bnr-wrap505.style01 .divide-con:after{content:'';clear:both;position:absolute;top:0;left:0;width:5px;height:100%;background:#fff;}
.bnr-wrap505.style01 .divide-con:first-child:after{right:0;left:inherit;}
/* 우측 적용(간소화) */
.bnr-wrap505.style02{height:50px;}
.bnr-wrap505.style02 *{font-weight:400;font-family:'Spoqa Han Sans Neo','sans-serif';}
.bnr-wrap505.style02 .info-con{width:inherit;}
.bnr-wrap505.style02 .info-con a{padding-left:0;}
.bnr-wrap505.style02 .txt-con{width:110px;}
.bnr-wrap505.style02 .con02,
.bnr-wrap505.style02 .divide-con,
.bnr-wrap505.style02 .txt-con .date,
.bnr-wrap505.style02 .info-item02,
.bnr-wrap505.style02 .info-item03,
.bnr-wrap505.style02 .info-con{display:none;}

.bnr-wrap505.style02 .txt-con{width:100%;padding-left:0;box-sizing:border-box;text-align:center;}
.bnr-wrap505.style02 .txt-con .tit:after{display:none;background:none;}
.bnr-wrap505.style02 .txt-con .tit{text-indent:inherit;font-weight:400;font-size:19px;line-height:50px;color:#fff;}
.bnr-wrap505.style02 .txt-con .covid19{font-weight:700;color:#ffae00;}
.bnr-wrap505.style02 .info-item01{padding-top:10px;line-height:1.2;}
.bnr-wrap505.style02 .info-item01 .count01{display:block;}
.bnr-wrap505.style02 .info-item01 .item{font-weight:300;}
.bnr-wrap505.style02 .info-item01 .pt{font-weight:500;color:#FF6F00;}

/* 높이값 50px */
.bnr-wrap505.height50{height:50px;}
.bnr-wrap505.height50 .txt-con{box-sizing:border-box;padding:5px 0;}
.bnr-wrap505.height50 .txt-con .date{top:10px;}
.bnr-wrap505.height50 .info-con{box-sizing:border-box;padding:5px 0;}
.bnr-wrap505.height50.style01 .divide-con{box-sizing:border-box;padding:5px 0;text-align:center;}
.bnr-wrap505.height50 .divide-con .txt01{margin-left:0;}
/* 공통(타이틀만 노출) - 코로나현황 수치편집은 PC메인에서 그대로 진행 */
.bnr-wrap505.style03 .txt-con .tit:after{width:152px;height:100%;left:50%;margin-left:-76px;background:url(//r.yna.co.kr/ad/img/2022/bnr_main_web_20220418.png) 0 -50px no-repeat;}
.bnr-wrap505.style03 .divide-con{width:405px;text-align:center;}
.bnr-wrap505.style03 .divide-con+.txt-con{width:405px;padding:0;}
.bnr-wrap505.style03 .divide-con:after{content:'';clear:both;position:absolute;top:0;left:0;width:5px;height:100%;background:#fff;}
.bnr-wrap505.style03 .divide-con:first-child:after{right:0;left:inherit;}

.bnr-wrap505.style03 .txt-con .date,
.bnr-wrap505.style03 .info-con{display:none;}

/* 태풍바비 */
.bnr-wrap505.bavi .divide-con{background:url(//r.yna.co.kr/ad/img/2020/bnr_safe_disaster01_web_20200824.jpg) 0 0 no-repeat;}
.bnr-wrap505.bavi .divide-con .tit-link{position:absolute;right:138px;top:10px;}
.bnr-wrap505.bavi .info-con .tit-link{display:none;}
/* 태풍마이삭 */
.bnr-wrap505.maysak .divide-con{background:url(//r.yna.co.kr/ad/img/2020/bnr_safe_disaster01_web_20200901.jpg) 0 0 no-repeat;}
.bnr-wrap505.maysak .divide-con .tit-link{position:absolute;right:135px;top:10px;}
.bnr-wrap505.maysak .info-con .tit-link{display:none;}
/* 태풍하이선 */
.bnr-wrap505.haishen .divide-con{background:url(//r.yna.co.kr/ad/img/2020/bnr_safe_disaster01_web_20200903.jpg) 0 0 no-repeat;}
.bnr-wrap505.haishen .divide-con .tit-link{right:125px;}
.bnr-wrap505.haishen .info-con .tit-link{display:none;}
/* 태풍오마이스 */
.bnr-wrap505.omais .divide-con{background:url(//r.yna.co.kr/ad/img/2021/bnr_safe_disaster01_web_20210823.jpg) 0 0 no-repeat;}
.bnr-wrap505.omais .divide-con .tit-link{right:105px;}
/* .bnr-wrap505.omais .info-con .tit-link{display:none;} */
/* 태풍찬투 */
.bnr-wrap505.chanthu .divide-con{background:url(//r.yna.co.kr/ad/img/2021/bnr_safe_disaster01_web_20210914.jpg) 0 0 no-repeat;}
.bnr-wrap505.chanthu .divide-con .tit-link{right:138px;}
/* 2020미대선 배너 */
.bnr-wrap505.election01 .divide-con{background:url(//r.yna.co.kr/ad/img/2020/bnr_election_20201106.png) 0 0 no-repeat;}
.bnr-wrap505.election01 .divide-con .tit-link{right:153px;}
.bnr-wrap505.election01 .info-con .tit-link{display:none;}
/* 2021보궐선거 배너 */
.bnr-wrap505.byelection01 .divide-con{background:url(//r.yna.co.kr/ad/img/2021/bnr_byelection_web_20210406_02.png) 5px 0 no-repeat;}
.bnr-wrap505.byelection01 .divide-con:after{content:'';clear:both;position:absolute;top:0;left:0;width:5px;height:100%;background:#fff;}
.bnr-wrap505.byelection01 .divide-con .tit-link{right:153px;}
.bnr-wrap505.byelection01 .info-con .tit-link{display:none;}

/* 2020도쿄올림픽
 * .bnr-wrap011 : 스포츠 섹션 톱기사 하단 와이드형
 * .bnr-wrap505 : 메인 와이드형
 * .tokyo2020 사용으로 배너 2개의 스타일 공통화 */
[class*='bnr-wrap'].tokyo2020 .divide-con>a:before,
[class*='bnr-wrap'].tokyo2020 .divide-con>a:after,
[class*='bnr-wrap'].tokyo2020 .txt-tokyo01,
[class*='bnr-wrap'].tokyo2020 .list li{background:url(//r.yna.co.kr/ad/img/2021/bnr_tokyo2020_03_ko.png) 0 0 no-repeat;}
/* 2020도쿄올림픽 : 사이트명, 메달 현황 */
[class*='bnr-wrap'].tokyo2020 [class*='txt-tokyo']{position:absolute;}
[class*='bnr-wrap'].tokyo2020 .txt-tokyo01{overflow:hidden;display:block;width:149px;height:24px;background-position:-350px 0;text-indent:-9999px;}
[class*='bnr-wrap'].tokyo2020 .txt-tokyo02 .txt01{font-weight:bold;font-size:13px;line-height:20px;color:#bb8d95;letter-spacing:-1px;}
[class*='bnr-wrap'].tokyo2020 .txt-tokyo02 .ranking{padding:0 2px;font-weight:bold;color:#ffcb05;}
/* 2020도쿄올림픽 : 메달 */
[class*='bnr-wrap'].tokyo2020 .list{width:102px;font-size:0;line-height:0;}
[class*='bnr-wrap'].tokyo2020 .list li{display:inline-block;width:32px;height:32px;}
[class*='bnr-wrap'].tokyo2020 .list li+li{margin-left:3px;}
[class*='bnr-wrap'].tokyo2020 .list .m-gold{background-position:0 0;}
[class*='bnr-wrap'].tokyo2020 .list .m-silver{background-position:-50px 0;}
[class*='bnr-wrap'].tokyo2020 .list .m-bronze{background-position:-100px 0;}
[class*='bnr-wrap'].tokyo2020 .list .tit{opacity:0;}
[class*='bnr-wrap'].tokyo2020 .list .num{width:100%;font-weight:bold;font-size:13px;line-height:32px;color:#654f48;letter-spacing:-1px;text-align:center;}

/* bnr-wrap505.tokyo2020 */
.bnr-wrap505.tokyo2020 .divide-con{background-color:#761b2b;}
.bnr-wrap505.tokyo2020 .divide-con>a:before,
.bnr-wrap505.tokyo2020 .divide-con>a:after{content:'';display:block;clear:both;position:absolute;top:0;width:42px;height:40px;}
.bnr-wrap505.tokyo2020 .divide-con>a:before{left:0;background-position:0 -150px;}
.bnr-wrap505.tokyo2020 .divide-con>a:after{right:0;background-position:-50px -150px;}
.bnr-wrap505.tokyo2020 .divide-con>a{position:relative;font-size:0;line-height:0;}
.bnr-wrap505.tokyo2020 .txt-tokyo01{top:9px;left:108px;}
.bnr-wrap505.tokyo2020 .txt-tokyo02{top:12px;left:281px;}
.bnr-wrap505.tokyo2020 .list{position:absolute;top:4px;left:337px;}

/* 2022 대선
 * .election2022 사용으로 배너 스타일 공통화
 * .bnr-wrap014 : 정치 섹션 주요기사 상단
 * .bnr-wrap505 : 메인 와이드형 */
[class*='bnr-wrap'] .election2022{background-color:#1b459a;}
[class*='bnr-wrap'] .election2022 .txt01{width:145px;height:100%;margin-left:155px;}
[class*='bnr-wrap'] .election2022 .txt01 a{display:inline-block;width:100%;height:100%;background:url(//r.yna.co.kr/ad/img/2022/bnr_election_web_20220311.png?v=20220311_1442) 0 0 no-repeat;text-indent:-9999px;}
[class*='bnr-wrap'] .election2022 .txt-date{display:inline-block;font-family:arial;font-size:14px;line-height:40px;color:#5fe80d;vertical-align:middle;}
[class*='bnr-wrap'] .election2022 .num{line-height:38px;}
[class*='bnr-wrap'] .election2022 .list{display:inline-block;margin-left:20px;font-size:0;vertical-align:top;}
[class*='bnr-wrap'] .election2022 .list>li{display:inline-block;line-height:40px;}
[class*='bnr-wrap'] .election2022 .list>li+li{margin-left:10px;}
[class*='bnr-wrap'] .election2022 .list a{font-size:14px;color:#fff;}
[class*='bnr-wrap'] .election2022 .list span{font-size:14px;color:#b2b2b2;}
[class*='bnr-wrap'] .election2022 .list a:hover{text-decoration:underline;}

/* 대통령당선 후 타이틀 변경
 * .result02 : 대통령실 용산 이전
 * .result03 : 대통령직 인수위
 * .result04 : 대통령직 인수위(배너형태 변경)
*/
[class*='bnr-wrap'] .election2022.result02 .txt01{width:142px;}
[class*='bnr-wrap'] .election2022.result02 .txt01 a{background:url(//r.yna.co.kr/ad/img/2022/bnr_election_web_20220321.png?v=20220321_0856) 0 0 no-repeat;}

[class*='bnr-wrap'] .election2022.result03 .txt01{width:118px;}
[class*='bnr-wrap'] .election2022.result03 .txt01 a{background:url(//r.yna.co.kr/ad/img/2022/bnr_election_web_20220321_02.png) 0 0 no-repeat;}

[class*='bnr-wrap'] .election2022.result04 .txt01{width:125px;}
[class*='bnr-wrap'] .election2022.result04 .txt01 a{background:url(//r.yna.co.kr/ad/img/2022/bnr_main_web_20220418.png) 0 0 no-repeat;}

/* 정치면 */
.bnr-wrap014 .election2022 .txt01{margin-left:0;}

/* 2022 베이징올림픽
 * .beijing2022 사용으로 배너 스타일 공통화
 * .bnr-wrap015 : 메인 주요기사01 상단
 * .bnr-wrap016 : 스포츠 섹션 우측 (개막 전)
 * .bnr-wrap014 : 스포츠 섹션 좌측 (개막 후) */
/* 개막 전,후 공통 */
[class*='bnr-wrap'] .beijing2022:before,
[class*='bnr-wrap'] .beijing2022:after,
[class*='bnr-wrap'] .beijing2022 .txt01 a,
[class*='bnr-wrap'] .beijing2022.open .list li{background:url(//r.yna.co.kr/ad/img/2022/bnr_beijing2022_web_01.png?v=20220119_1600) 0 0 no-repeat;}
[class*='bnr-wrap'] .beijing2022:before,
[class*='bnr-wrap'] .beijing2022:after{content:'';display:block;clear:both;position:absolute;top:0;width:50px;height:40px;}
[class*='bnr-wrap'] .beijing2022:before{left:0;background-position:0 0;}
[class*='bnr-wrap'] .beijing2022:after{right:0;background-position:100% 0;}
[class*='bnr-wrap'] .beijing2022{overflow:hidden;background-color:#0553ff;text-align:center;}
[class*='bnr-wrap'] .beijing2022 .txt01{position:relative;z-index:1;width:156px;height:40px;}
[class*='bnr-wrap'] .beijing2022 .txt01 a{display:block;width:100%;height:100%;text-indent:-9999px;background-position:0 -140px;}
[class*='bnr-wrap'] .beijing2022 .txt-date{display:none;margin-top:6px;margin-right:8px;margin-left:14px;font-size:20px;color:#02fb14;}
[class*='bnr-wrap'] .beijing2022.day-before .txt-date{display:inline-block;}
/* 개막 후 */
[class*='bnr-wrap'] .beijing2022.open .txt01{vertical-align:top;}
[class*='bnr-wrap'] .beijing2022.open .txt02{position:relative;top:10px;left:8px;z-index:1;font-weight:bold;font-size:13px;line-height:20px;color:#c9effc;letter-spacing:-1px;vertical-align:top;;}
[class*='bnr-wrap'] .beijing2022.open .txt02 .ranking{margin-left:4px;color:#ffff35;}
/* [class*='bnr-wrap'] .beijing2022.open .txt02 .rank:empty{display:none;} */
[class*='bnr-wrap'] .beijing2022.open .list{display:inline-block;position:relative;top:4px;left:15px;z-index:1;width:102px;font-size:0;line-height:0;vertical-align:top;;}
[class*='bnr-wrap'] .beijing2022.open .list li{display:inline-block;width:31px;height:31px;}
[class*='bnr-wrap'] .beijing2022.open .list li+li{margin-left:4px;}
[class*='bnr-wrap'] .beijing2022.open .list .m-gold{background-position:0 -100px;}
[class*='bnr-wrap'] .beijing2022.open .list .m-silver{background-position:-50px -100px;}
[class*='bnr-wrap'] .beijing2022.open .list .m-bronze{background-position:-100px -100px;}
[class*='bnr-wrap'] .beijing2022.open .list .tit{opacity:0;}
[class*='bnr-wrap'] .beijing2022.open .list .num{width:100%;font-weight:bold;font-size:14px;line-height:31px;color:#654f48;letter-spacing:-1px;text-align:center;}

/* bnr-wrap506 : (도메인공유) 3단 배너형태 대선/지방선거/코로나 현황 배너 및 기타 이벤트 배너
 * style01 없음 (기본) : 높이 64px,
 * 콘텐츠영역 : aside-box27 메인 와이드형
 * 게재일 : 2022-05-02 */
.bnr-wrap506{position:relative;height:66px;box-sizing:border-box;border-top:1px solid #707070;border-bottom:1px solid #707070;}
.bnr-wrap506 .inner{height:100%;font-size:0;}
.bnr-wrap506 .con>a{display:inline-block;width:100%;height:100%;}

.bnr-wrap506 *{font-weight:400;font-family:'Spoqa Han Sans Neo','sans-serif';}
.bnr-wrap506 .inner{height:100%;font-size:0;}
.bnr-wrap506 .con{display:inline-block;position:relative;height:100%;vertical-align:top;}
.bnr-wrap506 .con>a{display:inline-block;width:100%;height:100%;}

/* 이벤트 영역 */
.bnr-wrap506 [class*='con0']{display:inline-block;position:relative;width:366px;height:100%;box-sizing:border-box;vertical-align:middle;font-size:15px;color:#000;line-height:64px;text-align:center;}
.bnr-wrap506 [class*='con0'] .txt01{display:inline-block;}
.bnr-wrap506 [class*='con0'] .txt01>a{font-weight:700;font-size:21px;}
.bnr-wrap506 [class*='con0']:after{clear:both;content:"";position:absolute;top:13px;right:0;z-index:1;width:1px;height:36px;background:#E5E5E5;}

.bnr-wrap506 [class*='con0'] .list{display:inline-block;height:100%;font-size:0;}
.bnr-wrap506 [class*='con0'] .list>li{display:inline-block;font-size:15px;color:#000;}
.bnr-wrap506 [class*='con0'] .list>li a:hover{text-decoration:underline;}
.bnr-wrap506 [class*='con0'] .list>li+li{margin-left:10px;}

.bnr-wrap506 .con01 .txt01{margin-right:15px;color:#123187;}

/* 사전투표율 영역 추가 */
.bnr-wrap506 .early-rate{display:none;}/* 기본숨김 */
.bnr-wrap506 .txt-time{padding:18px 5px;font-size:13px;line-height:14px;text-align:left;}
.bnr-wrap506 .txt-time .br{display:block;vertical-align:middle;}
.bnr-wrap506 .txt-time .time{display:inline-block;font-weight:700;color:#ED639E;vertical-align:middle;}
.bnr-wrap506 .txt-time+.rate{position:relative;font-weight:700;font-size:30px;letter-spacing:0;color:#ED639E;}
.bnr-wrap506 .txt-time+.rate:after{content:"%";clear:both;display:inline-block;font-weight:300;font-size:20px;line-height:1;}
.bnr-wrap506 .period{display:inline-block;margin-right:5px;width:58px;height:28px;box-sizing:border-box;border-radius:20px;background:#270FA7;font-size:13px;line-height:28px;color:#fff;text-align:center;vertical-align:middle;}

.aside-box27 .bnr-wrap506 .local-election2022.early01{width:732px;}/* 와이드버전 적용 */
.bnr-wrap506 .local-election2022.early01 .early-rate{display:inline-block;margin-left:15px;}/* early01 추가시 표출 */
.bnr-wrap506 .local-election2022.early01 .txt-time .br{display:inline-block;}

.bnr-wrap506 .con02{}
.bnr-wrap506 .con02 .list{margin-left:10px;}
.bnr-wrap506 .con02 .txt01{margin-right:12px;color:#270FA7;}
.bnr-wrap506 .con02 .txt-date{display:inline-block;font-weight:300;font-size:24px;color:#ED639E;}
.bnr-wrap506 .con02 .num{margin-right:4px;}
/* 코로나현황 제목/날짜 */
.bnr-wrap506 .txt-con{margin-left:33px;height:100%;line-height:64px;text-align:center;}
.bnr-wrap506 .txt-con .tit{display:inline-block;position:relative;font-size:21px;}
.bnr-wrap506 .txt-con .covid19{display:inline-block;font-weight:700;color:#FE7F00;}
.bnr-wrap506 .txt-con .date,
.bnr-wrap506 .txt-con .time{display:none;}
/* 코로나현황 수치 */
.bnr-wrap506 .info-con{line-height:64px;}
.bnr-wrap506 .info-con a{box-sizing:border-box;width:100%;padding:0 0 0 12px;}

.bnr-wrap506 [class*='info-item']{display:none;box-sizing:border-box;}
.bnr-wrap506 .info-item01{display:inline-block;}
.bnr-wrap506 .info-item01 .item{font-size:14px;}
.bnr-wrap506 [class*='count'] .pt{display:inline-block;margin-left:5px;padding:7px 12px;height:28px;box-sizing:border-box;border-radius:20px;background:#FE7F00;font-weight:400;font-size:14px;font-family:'Spoqa Han Sans Neo',
'sans-serif';line-height:1;color:#fff;vertical-align:middle;}
.bnr-wrap506 .lang-menu{display:none;}

/* 주요기사상단 - 2단(지방선거, 코로나 배너) */
.bnr-wrap506.style01{}
.bnr-wrap506.style01 .con02{width:445px;}
.bnr-wrap506.style01 .con02 .txt{font-size:21px;}
.bnr-wrap506.style01 .con02 .txt01{font-weight:700;color:#270FA7;}
.bnr-wrap506.style01 .con02 .txt02{font-weight:500;color:#ED639E;}

.bnr-wrap506.style01 .con02.nuri-2022{}
.bnr-wrap506.style01 .con02.nuri-2022 .txt01{color:#007AB1;}
.bnr-wrap506.style01 .con02.nuri-2022 .txt02{color:#0099de;}

.bnr-wrap506.style01 .con02.disater01{}
.bnr-wrap506.style01 .con02.disater01 .txt01{margin-right:0;font-weight:400;color:#000;}
.bnr-wrap506.style01 .con02.disater01 .txt02{font-weight:700;color:#972d14;}

/* 코로나 현황 가림 */
.bnr-wrap506.style01.info-none .txt-con{width:334px;}
.bnr-wrap506.style01.info-none .info-con{display:none;}

/* 정치면 사용 */
.page-politics .bnr-wrap506{}
.page-politics .bnr-wrap506 [class*='con0']{width:50%;}
.page-politics .bnr-wrap506 [class*='con0']:after{right:-15px;}
.page-politics .bnr-wrap506 .con02:after{display:none;}

/* ---- 광고 개별 박스형 ---- */
[class*='aside-box']{position:relative;margin-top:35px;}
[class*='content'] [class*='section']>[class*='aside-box']:first-child{margin-top:0;}

/* 광고 박스타입
 * aside-box : 기본타입
 * aside-box01 : 마케팅 우측 배너(메인, 본문, 리스트)
 * aside-box02 : 리스트 우측 하단 배너 (300x250)
 * aside-box03 : 기사본문 좌측 하단 - (300x250) 2건
 * [삭제 JIAD-78] aside-box04 : 기사본문 좌측 하단 - 텍스트 광고 박스(조이앤인포)
 * aside-box05 : 기사본문 좌측 하단 - 복합콘텐츠 광고(포핀)
 * aside-box06 : 기사본문 좌측 하단 - 복합콘텐츠 광고(데이블)
 * aside-box07 : 기사본문 중 최신기사에만 노출 - 로또배너
 * aside-box08 : 기사본문 우측 - 상단
 * [삭제 2022-04-01] aside-box09 : 최신기사 본문 - 우측 빗썸광고
 * aside-box10 : 기사본문 우측 - 많이본기사 하단 텍스트 4줄
 * aside-box11 : 기사본문 우측 - 에디터스픽 상단 구글배너 (300x250)
 * aside-box12 : 기사본문 우측 - 에디터스픽 하단 배너광고(300x250) 1번
 * [삭제 JIAD-86] aside-box13 : 기사본문 우측 - 에디터스픽 하단 배너광고(300x250) 2번
 * [삭제 JIAD-86] aside-box14 : 기사본문 우측 - 에디터스픽 하단 배너광고(300x250) 3번
 * aside-box15 : 기사본문 우측 - 텍스트 8줄
 * aside-box16 : 사회섹션, 문화섹션 마케팅광고
 * aside-box17 : 메인 주요기사01 하단 마케팅광고 - 좌측
 * aside-box18 : 메인 공지배너 주요기사01 상단
 * aside-box19 : 메인 공지배너 우측01 (핫뉴스 상단)
 * aside-box20 : 메인 공지배너 우측02 (핫뉴스아래)
 * aside-box21 : 메인 공지배너 우측03 (우측 최하단)
 * aside-box22 : 메인 하단 그룹사, 간행물 배너
 * aside-box23 : 메인 공지배너 (IR클럽배너 위치)
 * [중지] aside-box24 : 메인 공지배너 - 퀵메뉴 (오늘의 인사,부고 등)
 -- OK!제보 코너 추가되면서 메인 하단 aside-box21 에 포함
 * aside-box25 : 기사본문 좌측 하단 - 당신이 함께 보면 좋은 영상(딥다이브 광고)
 * aside-box26 : (특집)메인 총선 선거결과
 * aside-box27 : 메인 공지배너 와이드형 - 톱기사 하단 위치
 * aside-box28 : 메인 주요기사02 하단(300x250) 2020-06-05
 * aside-box29 : 섹션 메인 우측하단 - 많이본뉴스 하단 구글배너 (300x250)
 * aside-box30 : 메인 및 특집 공지배너 와이드형 - 2020 미대선 2020-11-04
 * aside-box31 : 스포츠 섹션 공지배너 톱기사와 영상 사이, 와이드형 도쿄올림픽
 * aside-box32 : 섹션 주요기사01 상단 (w:719) - 2022 대선
 * aside-box33 : 섹션 우측 (w:300) - 2022 베이징올림픽
 * aside-box34 : 메인 공지배너 와이드형 3단배너 2022-04-28
 * aside-box35 : 메인 공지배너 우측04(월드&포토) 하단
 * aside-box36 : 기사본문 우측 - #흥 하단 광고(300x250)
 * [삭제 JIAD-78] aside-text01 : 기사본문 하단 텍스트 5줄광고(롤링)
 -- 클래스명을 계속 사용할지 고민하기 */

/* aside-box01 : 마케팅광고 - 우측 */
.aside-box01{border:1px solid #e5e5e5;}
.aside-box01 .aside-bnr01{width:100%;padding:30px 0;}

/* aside-box02 : 리스트(공통) 우측 */
.aside-box02{width:300px;}

/* aside-box03 : 복합배너 : 2개
 * 본문 댓글 하단 */
.aside-box03{padding:0 41px;box-sizing:border-box;}
.aside-box03:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.aside-box03 .con{width:300px;margin:0 auto;}
.aside-box03 .con:nth-child(2){float:left;}
.aside-box03 .con:nth-child(3){float:right;}

/* aside-box04 : 본문 하단 텍스트리스트 광고(조이앤인포) */
.aside-box04{margin:35px 0;}
.aside-box04:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}

/* aside-box05 : 본문 하단 복합콘텐츠 광고(포핀) */
.aside-box05{padding:0 42px;}/* 포핀 */
.aside-box05 ._popIn_recommend_header{display:none !important;}
.aside-box05 ._popIn_recommend_container{margin:0 0 10px;}
.aside-box05:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}

/* aside-box06 : 본문 하단 복합콘텐츠 광고(포핀) */
.aside-box06{padding:0 42px;}
.aside-box06 ._popIn_recommend_container{margin:10px 0 0;}
/* 2020-09-08 이동규씨 확인 필요
.aside-box06 .tit{color:#000;font-size:15px;font-weight:bold;padding:5px 0;box-sizing:border-box;margin-bottom:5px;}
.aside-box06:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;} */

/* aside-box07 : 최신기사 본문 우측 로또배너 */
.aside-box07{margin:0 0 0 !important;}

/* aside-box08 : 본문 우측 상단 1/4/4 텍스트광고 */
.aside-box08{margin:0 0 0;}
.aside-box07+.aside-box08{margin-top:40px;}

/* aside-box16 : 사회, 문화 섹션 마케팅 광고 */
.aside-box16{text-align:center !important;}
/* .page-culture .aside-box16 .ads-box{padding-bottom:35px;border-bottom:1px solid #e5e5e5;} */

/* aside-box17 : 메인 마케팅배너 */
.aside-box17{text-align:center !important;}

/* aside-box18 : 메인 공지배너 좌측 */
.aside-box18{margin:0 0 25px !important;}

/* aside-box19 : 메인 공지배너 우측01 (핫뉴스위) */
.aside-box19{margin-bottom:20px;}
.aside-box19>div+div{margin-top:10px;}

/* aside-box20 : 메인 공지배너 우측02 (핫뉴스아래) */
.aside-box20{margin-top:20px;}

/* aside-box21 : 메인 공지배너 우측 최하단 */
.aside-box21 .aside-bnr23{width:100%;}
.aside-box21 [class*='aside-bnr']+[class*='aside-bnr']{margin-top:10px;}

/* aside-box23 : 메인 공지배너 (IR클럽배너 위치) */
.aside-box23>div+div{margin-top:10px;}

/* aside-box24 : 메인 주요기사2 우측(중간) */
.aside-box24 .aside-bnr23{width:242px;}

/* aside-box25 : 기사본문 좌측 하단 '당신이 함께 보면 좋은 영상'(딥다이브 광고) */
.aside-box25 .con{min-height:198px;}
.aside-box25 #deepdive{display:none;}

/* aside-box27 : 메인 와이드형 공지배너
 * 이동규(2020-04-28) : 코로나 */
.aside-box27{margin-bottom:-20px;}

/* aside-box30 : 메인 와이드형 공지배너
 * 이동규(2020-11-04) : 2020 미대선 */
.aside-box30{width:1100px;margin:0 auto 35px !important;}

/* aside-box31 : 스포츠 섹션 와이드형 공지배너
 * 박지선(2021-07-19) : 도쿄올림픽
 * -36px 만틈 위로 올려서 톱기사 하단 라인 가리게 배치함 */
.aside-box31{margin-top:-36px;}

/* aside-box34 : 메인 와이드형 3단배너(대선/지방선거/코로나) */
/* .aside-box34{} */

/* aside-box35 : 메인 공지배너 우측04(월드&포토) 하단 */
/* .aside-box35{} */

/* aside-text01 : 본문 하단 텍스트타입 광고(개별) */
.aside-text01{margin-top:35px;}

/* ---- 광고 묶음형---- */
/* 기사본문 댓글 하단 : 광고 묶음
 -- (임시)당신이 함께 보면 좋은 기사 (포핀) : 10월1일 .aside-wrap02 으로 위치 이동
 -- 300x250
 -- 당신이 좋아할 만한 기사 (포핀) */
.aside-wrap01{box-sizing:border-box;padding:12px 0;border:1px solid #e5e5e5;}

/* (임시)기사본문 하단 광고 그룹
 -- 광고가 하나만 있으면 묶음 클래스인 aside-wrap$$ 을 사용할 필요가 없지만 광고 변경을 예측할 수 없어 기존과 같은 마크업으로 작업함.
 -- 당신이 함께 보면 좋은 기사 (포핀) : JIAD-77 */
.aside-wrap02{box-sizing:border-box;margin:35px 0;padding:20px 0;border:1px solid #e5e5e5;}
.aside-wrap02 [class*='aside-box']:first-child{margin-top:0;}

/* ---- 광고 개별 고정형 ---- */
/* 고정형 배너
 * aside-sticky01 : 본문 우측
 * aside-sticky02 : 본문 좌측
 * aside-sticky03 : 메인 우측, 최신기사 리스트
 * aside-sticky04 : 메인 좌측 */
[class*='aside-sticky']{position:absolute;z-index:10;}
[class*='aside-sticky'].fixed{position:fixed;}
[class*='aside-sticky'].static{position:absolute;}

/* aside-sticky01 : 본문 - 고정형 우측
 * con01 : [마케팅] 최신기사 본문만 표출
 * con03 : [마케팅] 최신기사 본문만 표출
 * con51 : [디기부] 최신기사 본문만 표출
 * con52 : [디기부] 최신기사 본문 제외한 모두 본문에 표출 */
.aside-sticky01{top:10px;left:50%;height:600px;width:132px;margin: 0 0 0 572px !important;}
/* 마케팅 광고 */
.aside-sticky01 .con01{width:132px;height:260px;}
.aside-sticky01 .con03{width:132px;height:260px;}
/* 디기부 광고 */
.aside-sticky01 .con51{width:120px;height:240px;}
.aside-sticky01 .con52{width:120px;height:600px;}
.aside-sticky01 [class*='con'] + [class*='con']{margin-top:20px;}
.aside-sticky01.fixed{top:83px;}
/* .body-view-news[data-nav*='latest'] .aside-sticky01{height:800px;} */

/* aside-sticky02 : 본문 - 고정형 좌측 */
.aside-sticky02{top:10px;left:50%;width:120px;height:600px;margin:0 0 0 -780px !important;}
.aside-sticky02>div{overflow:hidden;width:100%;height:100%;}
.aside-sticky02.fixed{top:83px;}

/* aside-sticky03 : 메인, 최신기사 리스트 - 고정형 우측 */
.aside-sticky03{top:0;left:50%;height:800px;width:132px;margin: 0 0 0 572px !important;}
.aside-sticky03 .con01{width:132px;height:260px;}
.aside-sticky03 .con02{width:120px;height:240px;}
.aside-sticky03 .con03{width:132px;height:260px;}
.aside-sticky03 [class*='con']+[class*='con']{margin-top:20px;}
.page-latest .aside-sticky03{height:540px;top:40px;}
.page-latest .aside-sticky03.fixed{top:83px;}

/* aside-sticky04 : 메인 좌측 */
.aside-sticky04{top:0;left:50%;margin-left:-649px;}
.aside-sticky04>div+div{margin-top:20px;}

/* =============== 이벤트 페이지 ======================== */


/* =============== 팝업 ======================== */
/* 팝업 클래스명 정의
 * popup-type$$ : 외국어 공통 팝업 스타일
 * popup-en$$ : 영어 팝업 스타일
 * popup-zh$$ : 중국어 팝업 스타일
 * popup-ja$$ : 일본어 팝업 스타일
 * popup-ar$$ : 아랍어 팝업 스타일
 * popup-es$$ : 스페인어 팝업 스타일
 * popup-fr$$ : 프랑스어 팝업 스타일 */

/* 레이어 팝업
 * 기사본문과 동일한 스타일적용 */
.layer-popup01{display:none;}
.layer-popup01 .layer-container{position:absolute;top:229px;right:73%;z-index:9999;margin-right:-236px;width:473px;background:#fff;border:1px solid #666;cursor:move;}
.body-wide1300 .layer-popup01 .layer-container,
.body-wide1500 .layer-popup01 .layer-container{right:50%;top:388px;margin-right:169px;}
.layer-popup01 .pop-content{padding:0 20px 32px;min-height:300px;}
.layer-popup01 .title-article01{margin-top:22px;}
.layer-popup01 .title-article01>.tit{margin-bottom:0;}
.layer-popup01 .story-news{margin-top:20px;}
.layer-popup01 .story-news>p{font-size: 17px;}
.layer-popup01 .story-news>p:first-child{margin-bottom:0;}
.layer-popup01 .btn-type00.close01{display:block;position:absolute;right:2px;top:2px;width:30px;height:30px;}
.layer-popup01 .pop-footer{overflow:hidden;position:absolute;bottom:0px;right:0;width:100%;height:32px;text-align:right;}
.layer-popup01 .check-wrap{display:inline-block;position:relative;height:100%;margin:0;padding:0 20px;line-height:32px;cursor:pointer;}
.layer-popup01 .check-wrap label{display:inline-block;font-size:12px;line-height:32px;color:#666;cursor:pointer;}
.layer-popup01 .check-wrap input{display:inline-block;margin-top:9px;}