@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-text01 : 채용공고, 고지공고 등 */
.bnr-text01{}
.bnr-text01 a{display:block;width:100%;height:42px;padding:10px 0 0 18px;font-weight:bold;font-size:13px;line-height:20px;color:#000;border:1px solid #fff;background:#eee;}
.bnr-text01 a:hover{color:#3061ff;border-color:#3061ff;background:#fff;}

/* bnr-text02 : (임시) 연합채용모집 공고 */
.bnr-text02{}
.bnr-text02 a{width:100%;padding:10px 18px;font-weight:bold;font-size:13px;line-height:20px;text-align:center;color:#fff;background:#1799dd;}
.bnr-text02 a:hover{color:#000;}

/* bnr-text03 : (임시) 연합합격자발표 공고 */
.bnr-text03{}
.bnr-text03 a{width:100%;padding:10px 18px;font-weight:bold;font-size:13px;line-height:20px;text-align:center;color:#fff;background:#5cb0cf;}
.bnr-text03 a:hover{color:#000;}

/* bnr-text04 : (임시) 기본타입에 2줄 */
.bnr-text04{}
.bnr-text04 a{width:100%;padding:5px 18px;font-weight:bold;font-size:13px;line-height:17px;text-align:center;color:#000;border:1px solid #eee;background:#eee;}
.bnr-text04 a:hover{color:#3061ff;border-color:#3061ff;background:#fff;}

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


/* aside-bnr23 : 메인 중단 링크배너 */
.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-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%;}

/* ---- 이벤트 배너 / 코너 ---- */
/* 클래스범위 : bnr-wrap001 ~ bnr-wrap500 - PC 전용 배너
 * └ (임시)bnr-wrap201 ~ bnr-wrap299 : bnr-wrap002와 동일한 패턴이 쌓일경우 공통화 작업을 한다.
 * └ 모바일에 ico02 화살표처리와 유사한 패턴으로 overlay효과용 tag를 설정(?) 단.overlay class명은 국문다른곳에 사용중!
 * 클래스범위 : bnr-wrap501 ~ bnr-wrap999 도메인 공유 배너 */

/* bnr-wrap 언어선택 공통 */
[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 : 코로나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 : 수림문학상
 * 콘텐츠영역 : 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 : 정치, 전국면 섹션 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 : 메인 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 : 메인 코로나현황 와이드
 * 콘텐츠영역 : 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 : 메인 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 : 정치 625 70주년특집
 * 콘텐츠영역 : aside-box16
 * 게재일 :	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 : 2020 미대선
 * 콘텐츠영역 : aside-box30
 * 게재일 :	2020-11-04 */
.aside-box30{width:1100px;margin:0 auto 35px !important;}
.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 : 송년/신년 특집배너
 * 콘텐츠영역 : 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-wrap501 : (도메인공유) 신종코로나 현황
 * 콘텐츠영역 : aside-box19
 * 게재일 :	2020-02-10 */
.bnr-wrap501{}
.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;padding:10px;box-sizing:border-box;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 .count03{}
.bnr-wrap501 [class*='info-line'] [class*='count'] strong{font-weight:bold;}
.bnr-wrap501 .fluc{color:#e97e1c;}

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

/* bnr-wrap501 간격조정 수정02 */
.bnr-wrap501.style02{}
.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 [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;}

/* 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 .disaster-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 .disaster-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 : (도메인공유) 메인 태풍 및 코로나현황
 * 콘텐츠영역 : aside-box27
 * 게재일 : 2020-08-24 */
.bnr-wrap505{position:relative;height:40px;background:#263470;}
.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:5px;left:23px;width:55px;height:30px;background:url(//r.yna.co.kr/ad/img/2020/bnr_safe_corona01_web_20200825_01.png) 0 0 no-repeat;vertical-align:top;}
.bnr-wrap505 .txt-con .date{display:inline-block;position:absolute;top:5px;right:-40px;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 59px;}
.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.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;}

/* 반반배너 - 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_20210324.png) 0 0 no-repeat;}
.bnr-wrap505.byelection01 .divide-con .tit-link{right:153px;}
.bnr-wrap505.byelection01 .info-con .tit-link{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 : 리스트 우측하단 배너
 * aside-box03 : 기사본문 하단 - 300x250배너 2건
 * aside-box04 : 기사본문 하단 - 텍스트리스트 박스(조이앤인포)
 * aside-box05 : 기사본문 하단 - 복합콘텐츠 광고(포핀)
 * aside-box06 : 기사본문 하단 - 복합콘텐츠 광고(데이블)
 * aside-box07 : 최신기사 본문 - 로또배너
 * aside-box08 : 기사본문 우측 - 상단(텍스트 1, 텍스트 8)
 * aside-box09 : 최신기사 본문 - 우측 빗썸광고
 * aside-box10 : 기사본문 우측 - 많이본기사 하단 텍스트 4줄
 * aside-box11 : 기사본문 우측 - 에디터스픽 상단 구글배너 (300x250)
 * aside-box12 : 기사본문 우측 - Y스페셜 하단 배너광고(300x250) 1번
 * aside-box13 : 기사본문 우측 - Y스페셜 하단 배너광고(300x250) 2번
 * aside-box14 : 기사본문 우측 - Y스페셜 하단 배너광고(300x250) 3번
 * aside-box15 : 기사본문 우측 - 텍스트 8줄
 * aside-box16 : 사회섹션, 문화섹션 마케팅광고
 * aside-box17 : 메인 주요기사01 하단 마케팅광고 - 좌측
 * aside-box18 : 메인 공지배너 좌측
 * aside-box19 : 메인 공지배너 우측01 (핫뉴스위)
 * aside-box20 : 메인 공지배너 우측02 (핫뉴스아래)
 * aside-box21 : 메인 공지배너 우측03 (우측 최하단)
 * aside-box22 : 메인 하단 그룹사, 간행물 배너
 * aside-box23 : 메인 공지배너 중단 (ir클럽배너 위치)
 * aside-box24 : 메인 공지배너 중단 (오늘의 인사,부고 등)
 * aside-box25 : 기사본문 좌측 하단 '당신이 함께 보면 좋은 영상'(딥다이브 광고)
 * aside-box26 : (특집)메인 총선 선거결과 2020-04-02
 * aside-box27 : 메인 공지배너 - 와이드형 코로나현황 2020-04-28
 * aside-box28 : 메인 주요기사02 상단(480x45) 2020-06-05
 * aside-box29 : 섹션 메인 우측하단 - 많이본뉴스 하단 구글배너 (300x250)
 * aside-text01 : 기사본문 하단 텍스트 5줄광고(롤링) - 클래스명을 계속 사용할지 고민하기 */

/* 기사본문 하단 광고 그룹(300x250, 복합배너광고 - 라인처리) */
.aside-wrap01{padding:12px 0;border:1px solid #e5e5e5;box-sizing:border-box;}

/* 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;}
/* 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 35px !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-box23 : 메인 공지배너 중단 (ir클럽배너 위치) */
.aside-box23>div+div{margin-top:10px;}

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

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

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


/* ---- 광고 개별 고정형 ---- */
/* 고정형 배너
 * 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$$ : 프랑스어 팝업 스타일 */