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

/* =============== ##공통 (common) ======================== */
body{font-weight:normal;font-family:sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:sans-serif;}
p,li,dt,dd,span,strong,em,b,input,button,select,textarea,label,a{font-weight:normal;font-family:sans-serif;}


/* =============== ##레이아웃 (layout) ======================== */
.wrapper{width:100%;height:100%;}


/* ---- header (common) ---- */

/* header 타입 */
[class*='header-type']{position:relative;width:100%;height:50px;}
[class*='header-type'] [class*='logo-yna']{position:absolute;z-index:10;}
[class*='header-type'] .logo-yna01{top:6px;left:8px;}
[class*='header-type'] .logo-yna04{top:4px;left:10px;}
[class*='header-type'] .logo-yna05{top:4px;left:4px;}
[class*='header-type'] [class*='btn-menu']{position:absolute;top:0;right:0;z-index:10;}
[class*='header-type'] .area{overflow:hidden;display:block;height:100%;}
[class*='header-type'] .area .title-type03{display:inline-block;margin-top:7px;}
[class*='header-type'] .area .btn-navi{display:inline-block;min-width:auto;margin:7px 0 0 0;
-webkit-transition:visibility 0.25s linear,opacity 0.25s linear;
transition:visibility 0.25s linear,opacity 0.25s linear;}
[class*='header-type'] .area .btn-navi[class*='arr0'] .txt:after{opacity:0;}

.header-type01{height:54px;}
.header-type02{border-bottom:1px solid #d3d6d7;}
.header-type02 .area{padding:0 50px 0 55px;}
.header-type02 .area [class*='btn-more'] .txt{padding-left:0;}
.header-type03{}
.header-type03 .area{padding:0 50px 0 52px;text-align:center;}
.header-type04{border-bottom:1px solid #d3d6d7;}
.header-type04 .area{padding:0 50px 0 108px;text-align:right;font-size:0;}
.header-type04 .btn-type03{margin-top:7px;margin-right:4px;}
.header-type04 .btn-type03:last-child{margin-right:18px;}


/* 내비게이션 타입
 * .nav-type01 */
.nav-type01{overflow:hidden;}
.nav-type01:only-of-type{margin:0 27px;} /* .nav-type01 하나일때 */
.nav-type01 .list{overflow:hidden;height:40px;font-size:0;}
.nav-type01 .list li{display:inline-block;width:auto;box-sizing:border-box;margin-right:17px;padding-top:4px;}
.nav-type01 .list a{display:block;position:relative;box-sizing:border-box;min-width:28px;padding:0 2px;font-size:14px;line-height:32px;text-align:center;white-space:nowrap;}
.nav-type01 .list a:after{content:'';display:block;clear:both;position:absolute;bottom:0;left:0;width:100%;height:1px;}
.nav-type01 .list .active a:after{background-color:#0068d1;}
.nav-type01 .list.swiper-wrapper{overflow:visible;}
.nav-type01 .list.swiper-wrapper:after{display:none;}
.nav-type01 .list.swiper-wrapper li:last-child{margin-right:0;}
/* .nav-type01.style01 : 균등배치 */
.nav-type01.style01{}
.nav-type01.style01 .list,
.nav-type01.style01 .list.swiper-wrapper{display:block;text-align:justify;}
.nav-type01.style01 .list:after,
.nav-type01.style01 .list.swiper-wrapper:after{content:'';visibility:hidden;display:inline-block;width:100%;clear:both;height:0;font-size:0;line-height:0;}
.nav-type01.style01 .list li:last-child{margin-right:0;}

/* nav-type02 */
.nav-type02{height:40px;padding:0 27px 0 16px;background-color:rgba(255,255,255,0.7);}
.nav-type02:after{content:'';display:block;clear:both;}
.nav-type02 .pager02{float:left;margin-top:3.5px;}
.nav-type02 .pager02 .count-box{padding:0;}
.nav-type02 .info-box{float:right;margin-top:2.5px;font-size:0;text-align:right;}
.nav-type02 .info-box>[class*='btn-type']{margin-left:16px;}
.nav-type02 .info-box>[class*='btn-type']:first-child{margin-left:0;}

/* nav-type03 */
.nav-type03{position:relative;height:40px;padding:0 62px;background-color:rgba(255,255,255,0.7);}
.nav-type03 .title-wrap{padding-top:3px;text-align:center;vertical-align:top;}
.nav-type03 .title-wrap .tit{overflow:hidden;display:block;height:20px;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap;}
.nav-type03 .title-wrap .pager01{height:15px;}
.nav-type03 .title-wrap .pager01 .count-box [class*='txt']{height:15px;line-height:15px;}
.nav-type03 [class*='btn-arr01']{position:absolute;top:2.5px;}
.nav-type03 .btn-arr01-prev{left:17px;}
.nav-type03 .btn-arr01-next{right:17px;}

/* nav-type04 */
.nav-type04{height:40px;box-sizing:border-box;padding:2.5px 16px 0 16px;background-color:#fff;}
.nav-type04 .btn-type03{}

/* nav-wrap : 내비게이션 영역
 * nav-type01 */
.nav-wrap .btn-jebo{position:absolute;top:0;left:0;}
.nav-wrap .btn-jebo + .nav-type01{margin:0 0 0 71px;padding:0 17px;}
.nav-wrap [class*='btn-dir01']{display:none;position:absolute;top:0;opacity:1;}
.nav-wrap [class*='btn-dir01'].swiper-button-disabled{opacity:0;}
.nav-wrap .btn-dir01-prev{left:0;}
.nav-wrap .btn-dir01-next{right:0;}
.nav-wrap .btn-dir01-prev .ir-txt:after{left:auto;right:0;
-webkit-transform:translate(0, -50%) rotate(-90deg);
transform:translate(0, -50%) rotate(-90deg);}
.nav-wrap .btn-dir01-next .ir-txt:after{left:0;
-webkit-transform:translate(0, -50%) rotate(90deg);
transform:translate(0, -50%) rotate(90deg);}

/* 제보하기 버튼 */
.nav-wrap .btn-jebo{display:inline-block;width:71px;height:40px;background-color:#e6e9ec !important;text-align:center;}
.nav-wrap .btn-jebo strong{font-size:14px;line-height:40px;}

/* nav-wrap02 : 내비게이션 영역
 * nav-type02
 * nav-type03
 * nav-type04 */
.nav-wrap02{overflow:hidden;position:relative;width:100%;height:40px;background:#fff;}

/* header 영역 */
[class*='wrap-header']{position:fixed;width:100%;background-color:#fff;}
.wrap-header01{top:0;left:0;z-index:30;}
.wrap-header01 [class*='header-type']{z-index:1;background-color:#fff;}
.wrap-header01 .nav-wrap{position:absolute;left:0;top:51px;z-index:0;width:100%;background-color:#fff;}
.wrap-header01 .nav-wrap02{position:absolute;left:0;top:51px;z-index:0;}
.wrap-header02{top:0;left:0;z-index:-1;}

/* 스크롤 다운 상태 - 공통 */
body[data-nav].body-down [class*='header-type'] .area .btn-navi[class*='arr0'] .txt:after{opacity:1;}
body[data-nav].body-down.nav-active [class*='header-type'] .area .btn-navi[class*='arr0'] .txt:after{opacity:0;}
body[data-nav].body-up [class*='header-type'] .area .btn-navi[class*='arr0'] .txt{min-width:auto;}

/* 메인 해더 */
.page-main .wrap-header01 .nav-wrap{top:54px;}

/* 메인 가두리 해더 */
.page-portal .wrap-header01 .nav-wrap{display:none;}
.page-portal .urgent-news{}

/* 본문 해더 - 공통 */
[class*='body-view-'] .wrap-header01{opacity:1;}
[class*='body-view-'] .wrap-header02{opacity:0;}
[class*='body-view-'] .ticker-type01,
[class*='body-view-'] .nav-wrap{display:none;}

/* 본문 해더 - 댓글 */
.page-comment[class*='body-view-'] .nav-wrap{display:block;}
.page-comment[class*='body-view-'] .content03:before{display:none;}

/* 비주얼 뉴스 해더 : 모션없음 */
.page-visual .wrap-header01 .nav-wrap{position:relative;top:0;
-webkit-transition:none;
transition:none;
-webkit-transform:none !important;
transform:none !important;}
.page-visual .wrap-header01 .header-type03{-webkit-animation:none;
animation:none;}


/* ---- container (common) ---- */
.wrap-container{position:relative;z-index:10;min-height:100%;margin:0 auto;}
.container{position:relative;z-index:10;}
.container:after{content:'';display:block;clear:both;}

/* ---- layout ---- */
/* layout01 : L,R
 * layout02 : C1,L,R
 * layout03 : L,R,C2
 * layout04 : C1,L,R,C2
 * layout05 : C1
 * content01 = L
 * content02 = R
 * content03 = C1
 * content04 = C2 */

/* 일반 프레임 : 767px 이하 */
@media only screen and (max-width:767px){
	.content01{width:100%;} /* L */
	.content02{width:100%;} /* R */
	.content03{width:100%;} /* C1 */
	.content04{width:100%;} /* C2 */
} /* Media Query End (768px) */


/* 소형 프레임 : 320px 이하 */
@media only screen and (max-width:320px){

} /* Media Query End (320px) */


/* 대형 프레임 : 768px 이상 */
@media only screen and (min-width:768px){
	.wrapper:after{content:'';display:block;clear:both;}
	.page-main .wrapper:after,
	.page-portal .wrapper:after,
	.body-news-sub .wrapper:after,
	.body-news-list .wrapper:after{z-index:10;}
	.content01{float:left;width:56%;} /* L */
	.content02{float:right;width:44%;} /* R */
	.content03{clear:both;width:100%;background:#fff;} /* C1 */
	.content03:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
	.content04{clear:both;width:100%;background:#fff;} /* C2 */
	.content04:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
	.layout02 .content03:after{height:40px;}
	.layout05.wrapper:after{display:none !important;}

	/* 이슈돋보기 */
	[class*='page-issue'] .wrapper:after{left:50%;}
	[class*='page-issue'] .content01{width:50%;}
	[class*='page-issue'] .content02{width:50%;}

	/* 섹션별 주요뉴스 */
	.page-sect-news{}
	.page-sect-news .wrapper:after{left:50%;}
	.page-sect-news .content01{width:50%;} /* left */
	.page-sect-news .content02{width:50%;} /* right */

	/* 기사본문 */
	[class*='body-view-'] .content01{width:50%;} /* left */
	[class*='body-view-'] .content02{width:50%;} /* right */

	/* 중앙세로줄 */
	.content01,.content02{position:relative;z-index:0;}
	.content01:after,
	.content02:after{content:'';position:absolute;top:0;z-index:20;width:1px;height:100%;background:#d3d6d7;}
	.content01:after{right:-0.5px;}
	.content02:after{left:-0.5px;}
	.layout01 .content01:after,
	.layout01 .content02:after,
	.layout03 .content01:after,
	.layout03 .content02:after{top:-16px;
		height:-webkit-calc(100% + 16px);
		height:calc(100% + 16px);}

	/* 중앙세로줄 - 본문이 짧을 경우 */
	/* 통합검색 : .page-search
	 * 이슈 돋보기 본문 : .body-issue-view */
	.page-search .wrap-container:before{content:'';position:absolute;left:56%;top:0;z-index:10;width:1px;height:100%;margin-left:-0.5px;background:#d3d6d7;}
	.body-issue-view .wrap-container:before{content:'';position:absolute;left:50%;top:0;z-index:10;width:1px;height:100%;margin-left:-0.5px;background:#d3d6d7;}

	/* 하단 가로줄 */
	.layout02 .content03,
	.layout04 .content03{border-bottom:1px solid #d3d6d7;}
	.layout03 .content04,
	.layout04 .content04{border-top:1px solid #d3d6d7;}
} /* Media Query End (769px) */


/* 대형 프레임 : 1280px 이상 */
@media only screen and (min-width:1280px){

} /* Media Query End (1280px) */

.btns-sticky{display:none;}


/* ---- footer (common) ---- */
.wrap-footer{position:relative;z-index:20;}
.footer-type01{padding:27px 16px 69px;background-color:#262626;color:#fff;}
.footer-type01 .txt-copy{text-align:center;font-size:13px;color:#7f7e7e;}
.footer-type01 .list-text05{margin-bottom:25px;text-align:center;}
.menu-wrap01+.list-text05{margin-top:44px;}

.sns-link01{margin-bottom:9px;font-size:0;text-align:center;}
.sns-link01 li{display:inline-block;width:64px;}
.sns-link01 li:nth-child(3n-2){text-align:right;}
.sns-link01 li:nth-child(3n-1){width:73px;margin:0 30px;text-align:center;}
.sns-link01 li:nth-child(3n-3){text-align:left;}

.sns-link02{font-size:0;text-align:right;}
.sns-link02 .tit,
.sns-link02 .con{display:inline-block;vertical-align:top;}
.sns-link02 .tit{font-size:13px;color:#4a4a4a;line-height:30px;}
.sns-link02 .con{margin-left:10px;}
.sns-link02 .con [class*='btn-type']{margin-left:3px;}
.sns-link02 .con [class*='btn-type']:first-child{margin-left:0;}
.sns-link02 .con [class*='btn-type']:last-child{margin-right:-4px;}
.sns-link02 .con [class*='btn-type']:last-child:not(.ytb){margin-right:0;}

.footer-type01 .lang-link01>a{display:none;}
.lang-link01>ul{width:257px;margin:0 auto 34px auto;font-size:0;text-align:center;}
.lang-link01>ul>li{display:inline-block;box-sizing:border-box;width:62px;}
.lang-link01>ul>li a{display:inline-block;padding:0 3.5px;font-size:14px;line-height:25px;color:#fff;}
.lang-link01>ul>li:nth-child(3n-2){text-align:right;}
.lang-link01>ul>li:nth-child(3n-1){width:73px;margin:0 30px;text-align:center;}
.lang-link01>ul>li:nth-child(3n-3){text-align:left;}

/* ---- 푸터의 전체메뉴 ---- */
.menu-wrap01{padding:0 11px;text-align:center;}
.menu-wrap01 .logo-yna02{margin-bottom:12px;}
.menu-wrap01 ul{font-size:0;text-align:left;}
.menu-wrap01 ul a{font-size:14px;line-height:36px;color:#fff;}
.menu-wrap01 .dep01{}
.menu-wrap01 .dep01>li{display:block;}
.menu-wrap01 .dep01>li>a{display:block;position:relative;padding:4px 0 4px 9px;border-bottom:1px solid #535353;}
.menu-wrap01 .dep01>li>a:after{content:'';position:absolute;right:11.5px;top:50%;width:12px;height:7px;background:url(../img/sprites_object01.svg?v=20190802_1016) -125px 0 no-repeat;background-size:200px auto;
-webkit-transform:translateY(-50%) rotate(180deg);
transform:translateY(-50%) rotate(180deg);}
.menu-wrap01 .dep01>li.active>a:after{
-webkit-transform:translateY(-50%) rotate(0);
transform:translateY(-50%) rotate(0);}
.menu-wrap01 .dep01>li>a:only-child:after{display:none;}
.menu-wrap01 .dep02{display:none;padding:3px 15px 9px;}
.menu-wrap01 .dep02>li{display:inline-block;box-sizing:border-box;width:33.333333%;margin-top:4px;text-align:left;}
.menu-wrap01 .dep02>li>a{display:inline-block;min-width:39px;padding-right:5px;}


/* =============== ##기타 ======================== */
/* z-index 공통 정보
 * 500 : popup-type01, 02, 04
 * 499 : dimmed layer(mask-type01)
 * 400 : popup-type03
 * 200 : top버튼 (btns-sticky)
 * 100 : wrap-header02 활성화
 *  30 : wrap-header01
 *  30 : 하단배너 일반(aside-sticky01)
 *  30 : 하단배너 기사본문(aside-sticky02)
 *  20 : 최신뉴스(하단고정) (.ticker-type02.ticker-latest02)
 *  10 : wrap-container
 *  -1 : wrap-header02 비활성 */

/* ---- popup (common) ---- */
body.popup-mode{position:fixed;z-index:0;overflow:hidden;height:100%;width:100%;}
body.popup-mode .wrapper{position:absolute;height:auto;left:0;}
.mask-type01{position:fixed;top:0;left:0;z-index:-1;height:100%;width:100%;background-color:rgba(0,0,0,0.5);opacity:0;
-webkit-transition:opacity 0.2s, z-index 0.2s;
transition:opacity 0.2s, z-index 0.2s;}
body.popup-mode .mask-type01{z-index:499;opacity:1;}

/* 팝업 유형
 * popup-whole-menu(전체메뉴) : full layer popup (height:100% / width: 반응형)
 * popup-type01 : full layer popup (height:100% / width: 반응형)
 * popup-type02 : dimmed layer popup
 * popup-type03 : normal layer popup : 하단 고정 등 (ex. toast popup)
 * popup-type04 : full layer popup (height:100% / width:100%) */

/* 전체메뉴 : popup-type$$ 을 사용하지 않고 개별선언 */
/* 전체메뉴 애니메이션 실행 순서
	1) body
		popup-mode 클래스 생성
	2) popup-whole-menu
		will-change 속성 선언
		fixed 클래스 추가
		애니메이션 실행 */
.popup-whole-menu{position:fixed;right:0;top:0;z-index:500;width:100%;height:100%;background-color:#fff;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);}
/* 브라우저에 변경사항 알림 */
body.popup-mode .popup-whole-menu{will-change:transform;}
/* 닫기 */
.popup-whole-menu.hide{-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
-webkit-transition:-webkit-transform 0.2s ease-out;
transition:transform 0.2s ease-out;}
/* 열기 */
.popup-whole-menu.fixed{-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transition:-webkit-transform 0.2s ease-out;
transition:transform 0.2s ease-out;}
/* 이중레이어 형태로 열린 뉴스검색 팝업이 닫힐 때, 애니메이션 미실행 */
.popup-overlap .popup-whole-menu.fixed{
-webkit-transform:none !important;
transform:none !important;
-webkit-transition:none !important;
transition:none !important;}

.popup-whole-menu .pop-header{position:relative;width:100%;height:50px;box-sizing:border-box;padding:0 58px 0 110px;}
.popup-whole-menu .pop-header .logo-yna04{position:absolute;left:10px;top:4px;}
.popup-whole-menu .pop-header .btn-close03{position:absolute;right:0;top:0;}
.popup-whole-menu .pop-content{padding-top:22px;
height:-webkit-calc(100% - 72px);
height:calc(100% - 72px);}
.popup-whole-menu .search-zone{margin:0 36px 4px;}
.popup-whole-menu .search-zone .search-type01 .input01,
.popup-whole-menu .search-zone .search-type01 .btn-srch01{z-index:-1;}
.popup-whole-menu .scroller{overflow:hidden;box-sizing:border-box;padding:0 0 71px;
height:-webkit-calc(100% - 47px);
height:calc(100% - 47px);}
.popup-whole-menu .scroller .swiper-wrapper{}
.popup-whole-menu .list-text04{overflow:hidden;margin-bottom:24px;padding-top:13px;}
.popup-whole-menu .list-text04 .list{height:89px;}
.popup-whole-menu .list-text04 .list>li:first-child{padding-left:36px;}
.popup-whole-menu .list-text04 .list>li:last-child{padding-right:36px;}
.popup-whole-menu .aside-box09{margin:7px 36px 23px;}
.popup-whole-menu .sns-link02{margin:54px 36px 0;}
.popup-whole-menu .list-text03{margin:23px 36px 0;}
/* 전체메뉴 : 서브메뉴박스 */
.popup-whole-menu .menu-box{margin:0 36px;}
.popup-whole-menu .menu-box+.menu-box,
.popup-whole-menu .menu-box .list-text02+.title-con03{margin-top:25px;}
.popup-whole-menu .menu-box .title-con03{margin-bottom:9px;}
@media only screen and (min-width:415px){
	.popup-whole-menu{width:414px;}
}

/* popup-type01 : 해더 55 / 푸터 78 */
.popup-type01{position:relative;width:100%;height:100%;background-color:#fff;}
.popup-type01.hide{display:none;}
.popup-type01.fixed{position:fixed;top:0;z-index:500;}
.popup-type01 .pop-header{position:relative;width:100%;height:50px;box-sizing:border-box;padding:0 58px 0 110px;}
.popup-type01 .pop-header .logo-yna04{position:absolute;left:10px;top:4px;}
.popup-type01 .pop-header .btn-close03{position:absolute;top:0;right:0;}
.popup-type01 .pop-header .tit01{display:inline-block;font:bold 15px/50px sans-serif;}
.popup-type01 .pop-header .txt-mes{font-size:14px;line-height:50px;color:#4a4a4a;}
.popup-type01 .pop-content{padding-bottom:78px;}
.popup-type01 .pop-content [class*='btns-area']{margin-top:20px;}
.popup-type01 .scroller{}
.popup-type01 .pop-footer{position:absolute;left:0;bottom:0;z-index:1;width:100%;height:78px;background-color:#fff;}
.popup-type01 .pop-footer .txt-mes01{display:inline;font-size:14px;line-height:1.678108;color:#4a4a4a;}
.popup-type01 .pop-footer .btn-more04{margin:-4px 0 -4px 8px;}
@media only screen and (min-width:415px){
	.popup-type01.fixed{right:0;width:414px;}
}

/* 최신기사 : popup-type01 확장형 (푸터없음) */
.popup-type01.pop-latest .pop-header{padding-left:0;}
.popup-type01.pop-latest .pop-header .tit01{margin:0 6px 0 16px;}
.popup-type01.pop-latest .pop-content{padding:8px 0 0;
height:-webkit-calc(100% - 58px);
height:calc(100% - 58px);} /* 50 + 8 */
.pop-latest .pop-content .scroller{height:100%;padding:0 16px;}
.pop-latest .pop-content .btns-wrap03{height:78px;}

/* 뉴스 검색 : popup-type01 확장형 : 해더 82 / 검색창 103 / 푸터 78 */
.pop-search{}
.pop-search .pop-header .btn-close01{position:absolute;right:0;top:0;}
.pop-search .pop-header .btn-close03{position:absolute;right:0;top:0;}
.pop-search .pop-content{padding:22px 0 78px;
height:-webkit-calc(100% - 150px);
height:calc(100% - 150px);} /* 50 + 22 + 78 */
.pop-search .search-zone{margin:0 36px;}
.pop-search .search-zone .option-con{margin:17px 0 8px;text-align:right;}
.pop-search .scroller{height:100%;min-height:72px;padding:0 36px 0;
height:-webkit-calc(100% - 103px);
height:calc(100% - 103px);} /* 103 + 78 */
.pop-search .scroller .list-search{padding-bottom:8px;}
.pop-search .pop-footer{font-size:0;vertical-align:middle;}
.pop-search .pop-footer:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.pop-search .pop-footer:after{content:'';position:absolute;top:0;left:36px;right:36px;width:auto;height:1px;background:#c8c8c8;}
.pop-search .pop-footer .desc-con{display:inline-block;margin:0 36px;vertical-align:middle;}

/* 모바일용 모드 */
.mobile-web .focus-form{} /* 모바일 폼요소 포커스(키패드가 올라왔을 때) */
.mobile-web .short-mode{} /* 모바일 높이 제한 : iPhone5 기준 (460px : 스크립트로 클래스 추가) */

/* 모바일 폼요소 포커스(키패드가 올라왔을 때) */
.mobile-web .focus-form .pop-search,
.mobile-web .short-mode .pop-search{overflow:auto;-webkit-overflow-scrolling:touch;}
.mobile-web .focus-form .pop-search .pop-content,
.mobile-web .short-mode .pop-search .pop-content{height:auto;padding-bottom:0;}
.mobile-web .focus-form .pop-search .pop-content .scroller,
.mobile-web .short-mode .pop-search .pop-content .scroller{height:auto;}
.mobile-web .focus-form .pop-search .pop-footer,
.mobile-web .short-mode .pop-search .pop-footer{position:relative;bottom:auto;}

/* popup-type02 */
.popup-type02{overflow:hidden;position:relative;box-sizing:border-box;width:100%;height:100%;padding:0 32px;font-size:0;vertical-align:middle;text-align:center;}
.popup-type02:before{content:'';display:inline-block;height:100%;width:0;vertical-align:middle;opacity:0;}
.popup-type02.hide{display:none;}
.popup-type02.fixed{overflow:auto;position:fixed;top:0;z-index:500;-webkit-overflow-scrolling:touch;}
.popup-type02 .pop-wrap{display:inline-block;width:100%;background-color:#fff;vertical-align:middle;text-align:left;}
.popup-type02 .pop-wrap .pop-header{position:relative;width:100%;box-sizing:border-box;padding:0 50px 0 16px;background-color:#fff;}
.popup-type02 .pop-wrap .pop-header .tit01{overflow:hidden;font-weight:bold;font-size:15px;line-height:50px;color:#000;text-overflow:ellipsis;white-space:nowrap;}
.popup-type02 .pop-wrap .pop-header .btn-close03{position:absolute;top:0;right:0;}
.popup-type02 .pop-wrap .pop-content{padding:23px 27px;font-size:14px;line-height:1.754386;color:#000;}
/* @media only screen and (max-width:320px){
	.popup-type02{}
	.popup-type02:before,
	.popup-type02:after{}
} */

/* 이 뉴스 공유하기 : popup-type02 확장형 */
.pop-share01{position:relative;width:311px;padding:0;left:50%;margin-left:-155.5px;}
.pop-share01.fixed{}
.pop-share01 .share-con .list{margin:-7px 0 0 -7px;font-size:0;}
.pop-share01 .share-con li{display:inline-block;margin:7px 0 0 7px;}
.pop-share01 .share-con .btns-area02{margin-top:22px;}
.pop-share01 .desc-con{padding:10px 7px 0;font-size:13px;}
.pop-share01 .desc-con dt{font-weight:normal;font-size:13px;line-height:1.148482;color:#000;letter-spacing:-0.025em;}
.pop-share01 .desc-con dd{margin-top:6px;line-height:1.4720;color:#888;}
.pop-share01 .btn-type07.pin{overflow:visible;}

/* 본문 글자 크기 조정 : popup-type02 확장형 */
.pop-fontsize01{width:311px;padding:0;left:50%;margin-left:-155.5px;}
.pop-fontsize01.fixed{}
.pop-fontsize01 .fsize-con .list>li{margin-top:3px;}
.pop-fontsize01 .fsize-con .list>li:first-child{margin-top:0;}
.pop-fontsize01 .fsize-con .list>li.active{}
.pop-fontsize01 .fsize-con .label-con-radio01{display:block;}
.pop-fontsize01 .fsize-con .txt-label01{display:block;width:100%;box-sizing:border-box;}
.pop-fontsize01 .desc-con{padding:10px 0 11px;font-size:13px;line-height:1.4720;color:#888;}
.pop-fontsize01 .exam-con{padding:12px 0;line-height:1.6;color:#000;border:1px solid #001455;}
.pop-fontsize01 .exam-con.font1{font-size:13px;}
.pop-fontsize01 .exam-con.font2{font-size:15px;}
.pop-fontsize01 .exam-con.font3{font-size:17px;}
.pop-fontsize01 .exam-con.font4{font-size:20px;}
.pop-fontsize01 .exam-con.font5{font-size:24px;}
.pop-fontsize01 .exam-con .scroller{overflow-y:auto;height:93px;padding:0 15px;-webkit-overflow-scrolling:touch;}

/* popup-type03 */
.popup-type03{position:relative;width:100%;}
.popup-type03.hide{display:none;}
.popup-type03.fixed{position:fixed;top:0;z-index:400;box-sizing:border-box;padding:0 32px;}
.popup-type03 .area{overflow:hidden;position:relative;box-sizing:border-box;padding:0 62px 0 16px;}
.popup-type03 .area .btn-close04{position:absolute;top:0;right:0;}

/* toast */
.toast01.fixed{top:auto;bottom:32px;left:0;}
.toast01 .area{height:50px;box-sizing:border-box;padding:0 62px 0 16px;background-color:#0068d1;}
.toast01 .area .txt-desc{overflow:hidden;font-weight:bold;font-size:15px;line-height:50px;color:#fff;text-overflow:ellipsis;white-space:nowrap;}

/* popup-type04 - mask가 필요 없는 레이어팝업 */
.popup-type04{position:relative;width:100%;height:100%;color:#fff;background-color:#262626;}
.popup-type04.hide{display:none;}
.popup-type04.fixed{position:fixed;left:0;top:0;z-index:500;}
.popup-type04 .pop-header{position:absolute;left:0;top:0;z-index:10;width:100%;height:53px;font-size:0;background-color:rgba(0,0,0,0.8);}
.popup-type04 .pop-header [class*='btn-close']{position:absolute;top:0;right:0;}
.popup-type04 .pop-header .tit-con{display:inline-block;width:100%;max-height:53px;box-sizing:border-box;padding:3px 149px 0 16px;vertical-align:middle;}
.popup-type04 .pop-header .tit-con .tit01{overflow:hidden;font-weight:bold;font-size:15px;line-height:1.5641;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.popup-type04 .pop-header:before{content:'';display:inline-block;height:100%;width:0;vertical-align:middle;}
.popup-type04 .pop-header .txt-side{position:absolute;top:5px;right:69px;min-width:64px;box-sizing:border-box;font-size:12px;line-height:24px;color:#c8c8c8;text-align:center;}
.popup-type04 .pop-header .txt-side:empty{display:none;}
.popup-type04 .pop-header .txt-side+[class*='pager']{top:auto;bottom:0;}
.popup-type04 .pop-header .txt-side:empty+[class*='pager']{top:10px;bottom:auto;}
.popup-type04 .pop-header [class*='pager']{position:absolute;top:10px;right:69px;}
.popup-type04 .pop-header [class*='pager'] .tit-desc{font-size:12px;color:#c8c8c8;}
.popup-type04 .pop-header [class*='pager'] .count-box{padding:0;}
.popup-type04 .pop-header [class*='pager'] .count-box .txt-total{color:#fff;}
.popup-type04 .pop-header [class*='pager'] .count-box .txt-dash{color:#c8c8c8;}
.popup-type04 .pop-content{overflow:hidden;position:relative;z-index:0;height:100%;}
.popup-type04 .pop-content>.scroller{height:100%;box-sizing:border-box;}
.popup-type04 .pop-content [class*="btns-area"]{margin-top:20px;}
.popup-type04 .pop-footer{position:absolute;bottom:0;left:0;min-height:77px;width:100%;background-color:#fff;}

/* popup-type04 - 넘겨보기 */
.popup-type04.pop-flip{}
.popup-type04.pop-flip .pop-content{padding:0;}
.popup-type04.pop-flip .pop-content .swiper-pagination-custom{display:none;}
.popup-type04.pop-flip .item-box .img-con{box-sizing:border-box;padding:53px 0;}
.popup-type04.pop-flip .item-box .caption-con{z-index:10;}
.popup-type04.pop-flip.clear-mode .pop-header,
.popup-type04.pop-flip.clear-mode [class*='btn-dir'],
.popup-type04.pop-flip.clear-mode .caption-con{display:none;}

/* popup-type04 - 모아보기 */
.popup-type04.pop-collect .scroller{padding-top:53px;}
.popup-type04.pop-collect .pop-content .swiper-slide [class*='btn-area']{width:100%;padding:65px 0 30px;}
.popup-type04.pop-collect .list-type17.style02>.list>li:before{background-color:#262626;}

/* (테스트) popup-type11 - mask가 필요 없는 레이어팝업 */
.popup-type11{position:relative;width:100%;min-height:100%;color:#fff;background-color:#262626;}
.popup-type11.hide{display:none;}
.popup-type11.fixed{position:fixed;left:0;top:0;z-index:500;}
.popup-type11 .pop-header{position:absolute;left:0;top:0;z-index:10;width:100%;height:53px;font-size:0;background-color:rgba(0,0,0,0.8);}
.popup-type11 .pop-header [class*='btn-close']{position:absolute;top:0;right:0;}
.popup-type11 .pop-header .tit-con{display:inline-block;width:100%;max-height:53px;box-sizing:border-box;padding:3px 149px 0 16px;vertical-align:middle;}
.popup-type11 .pop-header .tit-con .tit01{overflow:hidden;font-weight:bold;font-size:15px;line-height:1.5641;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.popup-type11 .pop-header:before{content:'';display:inline-block;height:100%;width:0;vertical-align:middle;}
.popup-type11 .pop-header [class*='pager']{position:absolute;top:0;right:69px;}
.popup-type11 .pop-header [class*='pager'] .count-box{padding:0;}
.popup-type11 .pop-header [class*='pager'] [class*='txt']{line-height:53px;}
.popup-type11 .pop-header [class*='pager'] .count-box .txt-total{color:#fff;}
.popup-type11 .pop-header [class*='pager'] .count-box .txt-dash{color:#c8c8c8;}
.popup-type11 .pop-content{overflow:hidden;position:relative;height:100%;z-index:0;}
.popup-type11 .pop-content>.scroller{height:100vh;box-sizing:border-box;}
.popup-type11 .pop-content [class*="btns-area"]{margin-top:20px;}
.popup-type11 .pop-footer{position:absolute;bottom:0;left:0;min-height:77px;width:100%;background-color:#fff;}

/* popup-type11 - 넘겨보기 */
.popup-type11.pop-flip{min-height:auto;height:100%;}
.popup-type11.pop-flip .pop-content{padding:0;}
.popup-type11.pop-flip .pop-content>.scroller{height:100%;}
.popup-type11.pop-flip .pop-content>.scroller>.swiper-wrapper{
-webkit-transition-duration:0ms;
transition-duration:0ms;
-webkit-transform:translate3d(0px, 0px, 0px) !important;
transform:translate3d(0px, 0px, 0px) !important;}
.popup-type11.pop-flip .item-box .scroller{height:100%;}
.popup-type11.pop-flip .item-box .img-con{box-sizing:border-box;padding:53px 0;}
.popup-type11.pop-flip .item-box .caption-con{z-index:10;}
.popup-type11.pop-flip.clear-mode .pop-header,
.popup-type11.pop-flip.clear-mode [class*='btn-dir'],
.popup-type11.pop-flip.clear-mode .caption-con{display:none;}

/* popup-type11 - 모아보기 */
.popup-type11.pop-collect .scroller{padding:53px 0;}
.popup-type11.pop-collect .pop-content .swiper-slide [class*='btn-area']{width:100%;padding:65px 0 30px;}
.popup-type11.pop-collect .list-type17.style02>.list>li:before{background-color:#262626;}


/* =============== ##기사본문 레이아웃 ======================== */
.btns-view-wrap{box-sizing:border-box;width:100%;margin:0 16px;text-align:left;}

.nav-path01{padding:6px 0;font-size:0;line-height:0;}
.nav-path01>li{display:inline-block;position:relative;margin-right:7px;padding-right:12px;line-height:inherit;vertical-align:top;}
.nav-path01>li:after{content:'';position:absolute;top:50%;right:-2px;width:10px;height:6px;background:url(../img/sprites_object01.svg?v=20190802_1016) -75px -25px no-repeat;background-size:200px auto;
-webkit-transform:translateY(-50%) rotate(90deg);
transform:translateY(-50%) rotate(90deg);}
.nav-path01>li>a{display:inline-block;padding:0 2px;font-size:13px;line-height:19px;color:#0068d1;vertical-align:top;}
.nav-path01 .current{margin-right:0;padding-right:0;}
.nav-path01 .current:after{display:none;}

/* 본문 제목 - 글기사 */
.title-article01{position:relative;margin:0 20px 0;}
.title-article01 .nav-path01{position:relative;z-index:1;}
.title-article01 .nav-path01+.tit{position:relative;z-index:0;}
.title-article01 .tit{margin-bottom:6px;font-weight:bold;font-size:24px;line-height:32px;}
.title-article01 .update-time{display:inline-block;font-size:14px;line-height:35px;color:#636363;}
.title-article01 .option-box{position:absolute;bottom:0;right:0;font-size:0;}
.title-article01 .option-box>[class*='btn-type']{margin-left:12px;}
.title-article01 .option-box>[class*='btn-type']:first-child{margin-left:0;}
/* 본문 제목 - 글기사 - 공통여백처리 */
[class*='body-view']:not(.body-view-news) .title-article01{padding-top:10px;}

/* 본문 제목 - 포토 */
.title-article02{}

/* 본문 제목 - 영상 */
.title-article03{}

/* 다국어 링크 */
.link-site{margin:6px 20px 0;font-size:0;}
.link-site:empty{display:none;}
.link-site>li{display:inline-block;margin:0 12px 2px 0;vertical-align:top;}
.link-site>li:last-child{margin-right:0;}
.link-site>li>a{display:inline-block;position:relative;padding:0 13px 0 0;font-size:13px;line-height:23px;color:#001455;vertical-align:top;}
.link-site>li a:after{content:'';position:absolute;top:50%;right:-2.5px;width:12px;height:7px;margin-top:-3px;background:url(../img/sprites_object01.svg?v=20190802_1016) -100px 0 no-repeat;background-size:200px auto;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);}


/* 본문 내 배너 */
/* aside-article01 : 기사본문 첫번째
 * aside-article02 : 기사본문 두번째
 * aside-article11 : 영상/포토 본문 (200 x 200 우측) */
.aside-article01,
.aside-article02{overflow:hidden;display:block;width:320px;margin:20px auto;text-align:center;}
.aside-article01 iframe,
.aside-article02 iframe{margin:0 auto;}
/* .aside-article01 [id*='div-gpt-ad']{width:320px !important;margin:0 auto !important;} */

.aside-article11{display:block;float:right;width:200px;height:200px;margin:0 20px 20px;}
.aside-article11 [id*='div-gpt-ad']{width:200px;margin:0 auto;}


/* 댓글 영역 */
.comment-zone{padding:20px 16px;}

/* 기사 본문 공통 */
.article-wrap .story-info{clear:both;} /* 본문내광고 float해제 */

@media only screen and (min-width:768px){
	.article-wrap{width:600px;margin:0 auto;}
	/* .article-wrap .title-article01 .nav-path01{position:static;} */
	.article-wrap [class*='title-article'] .tit{font-size:33.6px;line-height:1.414270;}
	/* .title-article01 .nav-path01+.tit{margin-top:0;} */
	.article-wrap .title-article01,
	.article-wrap .link-site,
	.article-wrap .story-news .tit-sub,
	.article-wrap .story-news>p,
	.article-wrap .story-news .txt-openurl,
	.article-wrap .story-info,
	.article-wrap .aside-box10{margin-left:0;margin-right:0;}
	.comment-zone{width:600px;margin:0 auto;}
}

/* 삭제 기사 본문 (ISRV-709) */
.article-deleted{}
.article-deleted .title-article01,
.article-deleted .link-site,
.article-deleted .story-news,
.article-deleted .story-info{display:none !important;}


/* =============== ##배너 ======================== */

/* ---- 배너 광고 (공통) ---- */
/* aside-bnr01 : 일반 가로 배너형
 * aside-bnr02 : 하단 고정형 배너 */
[class*='aside-bnr']{overflow:hidden;position:relative;width:100%;height:50px;background-color:#d3d6d7;text-align:center;}
[class*='aside-bnr'] .inner{display:block;position:relative;max-width:320px;height:100%;margin:0 auto;/* background-color:#726868; */}
[class*='aside-bnr'] .ico01{position:absolute;right:14px;top:50%;height:30px;line-height:30px !important;vertical-align:top;text-indent:-9999px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);}
[class*='aside-bnr'] .ico01:after{content:'';display:block;width:20px;height:20px;position:absolute;right:4px;top:4px;border:1px solid #000;border-right:0 !important;border-bottom:0 !important;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);}
[class*='aside-bnr'] .ico02{position:absolute;right:14px;top:50%;height:20px;line-height:20px !important;vertical-align:top;text-indent:-9999px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);}
[class*='aside-bnr'] .ico02:after{content:'';display:block;width:13px;height:13px;position:absolute;right:4px;top:4px;border:1px solid #000;border-right:0 !important;border-bottom:0 !important;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);}

/* ---- aside-bnr01  : 기본형 ---- */
.aside-bnr01{overflow:hidden;box-sizing:border-box;}
.aside-bnr01 .btn-close05{position:absolute;top:0;right:0;}

/* aside-bnr01 확장형 : 흥 */
[class*='ad-hng']{position:relative;width:100%;height:66px;text-align:center;}
[class*='ad-hng'] a{position:relative;display:block;height:100%;}

/* 흥 배너 (ASIS) */
.ad-hng01 .inner{width:100%;max-width:none;background:#eae8e4 url(//r.yna.co.kr/ad/img/2018/bnr_hng_main_mob01.png) no-repeat 0 0;background-size:auto 100%;}
.ad-hng01 .txt-con01{overflow:hidden;display:inline-block;width:122px;height:66px;margin-left:-35px;text-indent:-9999px;background:url(//r.yna.co.kr/ad/img/2018/bnr_hng_main_mob05.png) no-repeat 0 0;background-size:auto 100%;}
.ad-hng01 .txt-con02{overflow:hidden;position:absolute;right:0;top:0;display:inline-block;width:105px;height:66px;text-indent:-9999px;background:url(//r.yna.co.kr/ad/img/2018/bnr_hng_main_mob03.png) no-repeat 0 0;background-size:auto 100%;}

/* 흥 배너 - 기사형태 */
.ad-hng02{background:none;text-align:left;}
.ad-hng02 .inner{width:100%;max-width:none;}
.ad-hng02 .img-con .img{position:absolute;display:block;top:0;right:0;width:100px;height:66px;}
.ad-hng02 .img-con .img img{display:block;width:100%;height:100%;}
.ad-hng02 .news-con{position:relative;display:table-cell;top:-2px;width:100%;height:66px;padding:0;white-space:normal;vertical-align:middle;}
.ad-hng02 .news-con .tit-wrap{display:table-cell;width:100%;height:3em;vertical-align:middle;white-space:normal;}
.ad-hng02 .news-con .tit-news{display:-webkit-box;width:100%;max-height:3.060546em;margin:0;padding:0;font-weight:bold;line-height:1.530273;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;}

/* 흥 배너 - 2019-06-05 */
.ad-hng03 .inner a:after,
.ad-hng03 .txt-con01,
.ad-hng03 .txt-con02{background:url(//r.yna.co.kr/ad/img/2019/bnr_hng_main01.png) no-repeat;background-size:auto 100%;text-indent:-9999px;}
.ad-hng03 .inner{position:relative;width:100%;max-width:none;background:#fff1f1;}
.ad-hng03 .inner a:after{content:"";display:block;position:absolute;top:0;left:0;clear:both;width:88px;height:66px;}
.ad-hng03 .txt-con01{overflow:hidden;display:inline-block;width:122px;height:66px;background-position:-99px 0;}
.ad-hng03 .txt-con02{overflow:hidden;display:inline-block;position:absolute;right:0;top:0;width:73px;height:66px;background-position:-247px 0;}

/* aside-bnr01 확장형 : 유튜브 */
[class*='ad-youtube']{position:relative;width:100%;height:66px;text-align:center;}
[class*='ad-youtube'] .inner{width:100%;max-width:none;}
[class*='ad-youtube'] a{position:relative;display:block;height:100%;}
[class*='ad-youtube'] [class*='txt-con']{position:relative;height:100%;text-indent:-9999px;}
[class*='ad-youtube'] .txt-con01{float:right;}
[class*='ad-youtube'] .txt-con02{float:left;}

/* 유튜브 채널 구독 2018-05-28 */
.ad-youtube01{background-color:#2fb2b9;}
.ad-youtube01 .txt-con01{width:107px;padding-right:39px;background:url(//r.yna.co.kr/ad/img/2018/bnr_youtube01_02.png) 0 0 / auto 66px no-repeat;}
.ad-youtube01 .txt-con02{width:76px;margin-left:26px;background:url(//r.yna.co.kr/ad/img/2018/bnr_youtube01_01.png) 0 0 / auto 66px no-repeat;}
.ad-youtube01 .ico01:after{border:1px solid #96d6d9;}

/* 유튜브 North Korea Now 채널 구독 2018-05-28  */
.ad-youtube02{background-color:#c7357a;}
.ad-youtube02 .txt-con01{width:132px;padding-right:39px;background:url(//r.yna.co.kr/ad/img/2018/bnr_youtube02_02.png) 0 0 / auto 66px no-repeat;}
.ad-youtube02 .txt-con02{width:86px;margin-left:23px;background:url(//r.yna.co.kr/ad/img/2018/bnr_youtube02_01.png) 0 0 / auto 66px no-repeat;}
.ad-youtube02 .ico01:after{border:1px solid #e58fb8;}

/* 유튜브 Korea Now 채널 구독 2018-10-05  */
.ad-youtube03{background-color:#1f5dd8;}
.ad-youtube03 .txt-con{width:100%;height:66px;background:url(//r.yna.co.kr/ad/img/2018/bnr_youtube03_02.png) 50% / auto 60px no-repeat;text-indent:-9999px;}
.ad-youtube03 .ico01:after{border:1px solid #fff;}

/* aside-bnr01 확장형 : 랜덤배너 */
[class*='ad-mktg-']{position:relative;width:100%;height:66px;text-align:center;}
[class*='ad-mktg-'] .inner{width:100%;max-width:none;}
[class*='ad-mktg-'] a{position:relative;display:block;height:100%;}
[class*='ad-mktg-'] a:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
[class*='ad-mktg-'] [class*='txt-con']{position:relative;width:100%;height:100%;text-indent:-9999px;}
[class*='ad-mktg-'] .txt-con01{float:right;}
[class*='ad-mktg-'] .txt-con02{float:left;}

/* 신한은행 쏠배너 2018-08-30 */
.ad-mktg-shinhan01{background-color:#1d2262;}
.ad-mktg-shinhan01 .txt-con{background:url(//r.yna.co.kr/ad/img/2018/bnr_shinhan_solapp01.png) 50% 0 / auto 66px no-repeat;}

/* 서울시청 - 찾아가는 동주민센터 2018-08-31 */
.ad-mktg-seoul01{background-color:#f2f2ee;}
.ad-mktg-seoul01 .txt-con{background:url(//r.yna.co.kr/ad/img/2018/bnr_seoul20180831.gif) 50% 0 / auto 66px no-repeat;}

/* 서울시청 - 온라인 투표 2018-09-10 */
.ad-mktg-seoul02{background-color:#e2eefa;}
.ad-mktg-seoul02 .txt-con{background:url(//r.yna.co.kr/ad/img/2018/bnr_seoul20180910.gif) 50% 0 / auto 66px no-repeat;}

/* 서울시청 - 민주주의 서울 2019-03-25 */
.ad-mktg-seoul03{background:url(//r.yna.co.kr/ad/img/2019/bnr_seoul20190325_02.png) 0 0 / auto 66px repeat-x;}
.ad-mktg-seoul03 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_seoul20190325_01.png) 50% 0 / auto 66px no-repeat;}

/* 서울시청 - 아시아 메이커 축제 2019-05-03 */
.ad-mktg-seoul04{background-color:#7359a3;}
.ad-mktg-seoul04 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_seoul20190503_01.jpg) 50% 0 / auto 66px no-repeat;}

/* 서울시청 - 시민 찾동이 2019-11-25 */
.ad-mktg-seoul05{background-color:#f05a88;}
.ad-mktg-seoul05 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_seoul20191125_01.gif) 50% 0 / auto 66px no-repeat;}
.ad-mktg-seoul05 .txt-con:before,
.ad-mktg-seoul05 .txt-con:after{content:"";display:block;clear:both;position:absolute;top:0;width:109px;height:66px;}
.ad-mktg-seoul05 .txt-con:before{left:50%;margin-left:-268px;background:url(//r.yna.co.kr/ad/img/2019/bnr_seoul20191125_left.gif) 0 0 / auto 66px no-repeat;}
.ad-mktg-seoul05 .txt-con:after{right:50%;margin-right:-268px;background:url(//r.yna.co.kr/ad/img/2019/bnr_seoul20191125_right.gif) 0 0 / auto 66px no-repeat;}

/* NH투자증권 1위기념 2018-11-12 */
.ad-mktg-nhqv01{background-color:#e6e6e6;}
.ad-mktg-nhqv01 .txt-con{background:url(//r.yna.co.kr/ad/img/2018/bnr_nhqv_kcsi01.png) 50% 0 / auto 66px no-repeat;}

/* NH투자증권 해외주식 2019-03-13 */
.ad-mktg-nhqv02{background-color:#005295;}
.ad-mktg-nhqv02 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_nhqv_nonstop01.png) 50% 0 / auto 66px no-repeat;}

/* NH투자증권 논스톱 주식 2019-04-30 */
.ad-mktg-nhqv03{background-color:#0070bc;}
.ad-mktg-nhqv03 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_nhqv_nonstop02.png) 50% 0 / auto 66px no-repeat;}

/* NH투자증권 투자여행 2019-08-07 */
.ad-mktg-nhqv04{background-color:#f3f7ff;}
.ad-mktg-nhqv04 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_nhqv_invest01.jpg) 50% 0 / auto 66px no-repeat;}

/* NH투자증권 해외주식 첫거래 2019-09-30 */
.ad-mktg-nhqv05{background:url(//r.yna.co.kr/ad/img/2019/bnr_nhqv_invest02_bg.jpg) 50% 0 / auto 66px repeat-x;}
.ad-mktg-nhqv05 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_nhqv_invest02.jpg) 50% 0 / auto 66px no-repeat;}

/* NH투자증권 연금, 보너스 이벤트 2019-12-09 */
.ad-mktg-nhqv06{background-color:#c4daf2;}
.ad-mktg-nhqv06 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_nhqv_bonus01.jpg) 50% 0 / auto 66px no-repeat;}

/* NH투자증권 유튜브 구독 2020-02-07 */
.ad-mktg-nhqv07{background-color:#0177c1;}
.ad-mktg-nhqv07 .txt-con{background:url(//r.yna.co.kr/ad/img/2020/bnr_nhqv_subscriber01.jpg) 50% 0 / auto 66px no-repeat;}

/* 국가품질경영대회 2018-11-28 */
.ad-mktg-knqac01{background-color:#0f1353;}
.ad-mktg-knqac01 .txt-con{background:url(//r.yna.co.kr/ad/img/2018/bnr_knqac_20181128.png) 50% 0 / auto 66px no-repeat;}

/* 우리은행 우리cube  2018-12-18 */
.ad-mktg-woori01{background-color:#c5dbe8;}
.ad-mktg-woori01 .txt-con{background:url(//r.yna.co.kr/ad/img/2018/bnr_woori_cube01.jpg) 50% 0 / auto 66px no-repeat;}

/* 우리은행 스무살우리 2019-01-22 */
.ad-mktg-woori02{background-color:#e9f5f5;}
.ad-mktg-woori02 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_woori_cube02.jpg) 50% 0 / auto 66px no-repeat;}

/* 우리은행 나 답게 우리 답게 2019-06-19 */
.ad-mktg-woori03{
background:-webkit-linear-gradient(left, #ed5e93 0%,#ed5e93 51%,#3f8cc2 52%,#3f8cc2 100%);
background:linear-gradient(to right, #ed5e93 0%,#ed5e93 51%,#3f8cc2 52%,#3f8cc2 100%);}
.ad-mktg-woori03 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_woori_event01.png) 50% 0 / auto 66px no-repeat;}

/* 우리은행 우리WON뱅킹 2019-09-30 */
.ad-mktg-woori04{background-color:#61d8c2;}
.ad-mktg-woori04 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_woori_won01.jpg) 50% 0 / auto 66px no-repeat;}

/* 우리은행 우리WON뱅킹 2019-09-30 */
.ad-mktg-woori05{background-color:#61d8c2;}
.ad-mktg-woori05 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_woori_won02.jpg) 50% 0 / auto 66px no-repeat;}

/* 경기도교육청 - 3.1운동  2019-02-15 */
.ad-mktg-goeedu01{background-color:#dae9f0;}
.ad-mktg-goeedu01 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_goe_edu01.gif) 50% 0 / auto 66px no-repeat;}

/* 경기도교육청 - 열정  2019-03-25 */
.ad-mktg-goeedu02{background-color:#c1a993;}
.ad-mktg-goeedu02 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_goe_edu02.png) 50% 0 / auto 66px no-repeat;}

/* 경기도교육청 - 유관순  2019-08-29 */
.ad-mktg-goeedu03{background-color:#edebeb;}
.ad-mktg-goeedu03 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_goe_edu03.gif) 50% 0 / auto 66px no-repeat;}

/* 경기도교육청 - 혁신교육10년 2019-11-29 */
.ad-mktg-goeedu04{background-color:#f6f3ed;}
.ad-mktg-goeedu04 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_goe_edu04.png?v=20191129_1710) 50% 0 / auto 66px no-repeat;}

/* 신협  2019-04-29 */
.ad-mktg-cu01{background-color:#a8dffe;}
.ad-mktg-cu01 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_credit_union03.jpg) 50% 0 / auto 66px no-repeat;}

/* 신협 7대 포용금융 2019-10-11 */
.ad-mktg-cu02{background-color:#f3f3f3;}
.ad-mktg-cu02 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_credit_union04.png) 50% 0 / auto 66px no-repeat;}

/* 대구시중구청 2019-10-29 */
.ad-mktg-jungdaegu01{background-color:#0055a2;}
.ad-mktg-jungdaegu01 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_jung_daegu01.png) 50% 0 / auto 66px no-repeat;}

/* 경기도시공사 - 새로운 경기 2019-10-31 */
.ad-mktg-gico01{background-color:#10757c;}
.ad-mktg-gico01 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_gico_20191031.gif) 50% 0 / auto 66px no-repeat;}

/* 안산시 - 올해의 관광도시 안산 2019-11-18 */
.ad-mktg-ansan01{background-color:#fff;z-index:1;}
.ad-mktg-ansan01:before{clear:both;content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:3px;
background:-webkit-linear-gradient(left, #123e6a 0%,#123e6a 51%,#308db8 52%,#308db8 100%);
background:linear-gradient(to right, #123e6a 0%,#123e6a 51%,#308db8 52%,#308db8 100%);}
.ad-mktg-ansan01 .inner{z-index:10;}
.ad-mktg-ansan01 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_ansan_20191118.png) 50% 0 / auto 66px no-repeat;}

/* 아동권리보장원 - 입양인 친가족 찾기 2020-02-27 */
.ad-mktg-kadoption01{background:url(//r.yna.co.kr/ad/img/2020/bnr_kadoption_20200227_02.gif) 0 0 / auto 66px repeat-x;}
.ad-mktg-kadoption01 .txt-con{background:url(//r.yna.co.kr/ad/img/2020/bnr_kadoption_20200227_01.png) 50% 0 / auto 66px no-repeat;}

/* aside-bnr01 확장형 : 공지배너 */
[class*='bnr-wrap']{position:relative;width:100%;height:66px;text-align:center;letter-spacing:-0.05em;}
[class*='bnr-wrap'] .inner{width:100%;max-width:none;}
[class*='bnr-wrap'] a{position:relative;display:block;height:100%;}
[class*='bnr-wrap'] a:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
[class*='bnr-wrap'] [class*='txt-con']{position:relative;width:100%;height:100%;text-indent:-9999px;}
[class*='bnr-wrap'] .txt-con01{float:right;}
[class*='bnr-wrap'] .txt-con02{float:left;}

/* 네이버 채널 구독 이벤트 2018-12-31 */
.bnr-wrap001{background:#00c639;}
.bnr-wrap001 .txt-con{background:url(//r.yna.co.kr/ad/img/2018/bnr_naver_channel_mob04.jpg) 50% 0 / auto 66px no-repeat;}

/* 3.1운동 2019-06-21 */
.bnr-wrap002{background:#e5e6e8;}
.bnr-wrap002 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_100th_gov01_mob.png) 0 0 / auto 66px no-repeat;}
.bnr-wrap002 .ico02:after{border:1px solid #c8c8c8;}

/* 2019년 하반기 2019-06-27 */
.bnr-wrap003{height:52px;background:#182498;}
.bnr-wrap003 a{z-index:10;}
.bnr-wrap003 .txt01{position:absolute;top:0;left:22px;width:191px;height:100%;background: url(//r.yna.co.kr/ad/img/2019/bnr_second_half2019_05.png) 0 0 / auto 52px no-repeat;text-indent:-9999px;}
.bnr-wrap003 .txt02{display:none;}
.bnr-wrap003 .ico02{z-index:10;}
.bnr-wrap003 .ico02:after{z-index:10;border:1px solid #a0a9ff;}
.bnr-wrap003 .inner:before,
.bnr-wrap003 .inner:after{position:absolute;top:0;content:"";display:block;clear:both;height:52px;background:url(//r.yna.co.kr/ad/img/2019/bnr_second_half2019_03.png) 0 0 / auto 52px no-repeat;}
.bnr-wrap003 .inner:before{left:0;width:34px;background-position:0 0;}
.bnr-wrap003 .inner:after{right:0;width:88px;background-position:100% 0;}

/* 광주세계수영대회 2019-07-04 */
.bnr-wrap004{height:52px;
background:-webkit-linear-gradient(left,#ab4e9d 0%,#00b8f0 100%);
background:linear-gradient(to right,#ab4e9d 0%,#00b8f0 100%);}
.bnr-wrap004 .inner:before{position:absolute;top:0;left:0;width:140px;content:"";display:block;clear:both;height:52px;background:url(//r.yna.co.kr/ad/img/2019/bnr_gwangju2019_01.png) 0 0 / auto 52px no-repeat;}
.bnr-wrap004 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_gwangju2019_02.png?v=20190704_01) 0 0 / auto 52px no-repeat;z-index:10;}
.bnr-wrap004 .ico02{z-index:10;}
.bnr-wrap004 .ico02:after{border:1px solid #ddf6ff;}

/* 재난포털
 * 2019-08-06 : francisco
 * 2019-09-06 : lingling01, lingling02
 * 2019-09-20 : tapah01, tapah02 */
.bnr-wrap005{height:52px;background:#0e2960;}
.bnr-wrap005 .inner:before{position:absolute;top:0;left:0;width:60px;content:"";display:block;clear:both;height:52px;background:url(//r.yna.co.kr/ad/img/2019/bnr_safe_mob_20190906_01_03.png) 0 0 / auto 52px no-repeat;}
.bnr-wrap005 .ico02{z-index:10;}
.bnr-wrap005 .ico02:after{border:1px solid #ddf6ff;}
.bnr-wrap005 .txt-con{z-index:10;}

.bnr-wrap005.francisco .inner:before{background:url(//r.yna.co.kr/ad/img/2019/bnr_safe_mob_20190806_01_01.png) 0 0 / auto 52px no-repeat;}
.bnr-wrap005.francisco .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_safe_mob_20190806_02_01.png) 68px 0 / auto 52px no-repeat;}
.bnr-wrap005.lingling01 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_safe_mob_20190906_02_02.png) 68px 0 / auto 52px no-repeat;}
.bnr-wrap005.lingling02 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_safe_mob_20190906_02_03.png) 68px 0 / auto 52px no-repeat;}
.bnr-wrap005.tapah01 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_safe_mob_20190920_02_01.png?v=20190920_1546) 68px 0 / auto 52px no-repeat;}
.bnr-wrap005.tapah02 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_safe_mob_20190920_02_02.png?v=20190920_1546) 68px 0 / auto 52px no-repeat;}
.bnr-wrap005.mitag01 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_safe_mob_20191001_01.png) 68px 0 / auto 52px no-repeat;}
.bnr-wrap005.mitag02 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_safe_mob_20191001_02.png) 68px 0 / auto 52px no-repeat;}

/* 코리아나우 2019-09-09 */
.bnr-wrap006{height:52px;background:#1f5dd7;}
.bnr-wrap006 .inner:before{position:absolute;top:0;left:0;width:71px;content:"";display:block;clear:both;height:52px;background:url(//r.yna.co.kr/ad/img/2019/bnr_kn_mob01.png) 0 0 / auto 52px no-repeat;}
.bnr-wrap006 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_kn_mob02.png) 90px 0 / auto 52px no-repeat;z-index:10;}
.bnr-wrap006 .ico02{z-index:10;}
.bnr-wrap006 .ico02:after{border:1px solid #b4e7ff;}

/* 연합뉴스TV 앱다운 이벤트 2019-09-30 */
.bnr-wrap007{height:52px;background:#fe6e0b;}
.bnr-wrap007 .inner:after{position:absolute;top:0;right:0;width:131px;content:"";display:block;clear:both;height:52px;background:url(//r.yna.co.kr/ad/img/2019/bnr_ynatv__mob_20190930_01_02.png) 0 0 / auto 52px no-repeat;}
.bnr-wrap007 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_ynatv_mob_20190930_01_01.png) 13px 50% / auto 52px no-repeat;z-index:10;}

/* 2020수능 답안지 2019-11-11 */
.bnr-wrap008{height:52px;background:#3b9656;}
.bnr-wrap008 .inner:after{position:absolute;top:0;left:7px;width:131px;content:"";display:block;clear:both;height:52px;background:url(//r.yna.co.kr/ad/img/2019/bnr_suneung_mob_20191111_01.png) 0 0 / auto 52px no-repeat;}
.bnr-wrap008 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_suneung_mob_20191111_02_02.png) 52px 50% / auto 52px no-repeat;z-index:10;}
.bnr-wrap008 .ico02{z-index:10;}
.bnr-wrap008 .ico02:after{border:1px solid #82da9c;}

/* 2019한아세안 2019-11-21 */
.bnr-wrap009{height:52px;background:#1685c9;}
.bnr-wrap009 .inner:after{position:absolute;top:0;left:13px;width:29px;content:"";display:block;clear:both;height:52px;background:url(//r.yna.co.kr/ad/img/2019/bnr_asean_mob_20191121_01.png) 0 0 / auto 52px no-repeat;}
.bnr-wrap009 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_asean_mob_20191121_02.png) 52px 50% / auto 52px no-repeat;z-index:10;}
.bnr-wrap009 .ico02{z-index:10;}
.bnr-wrap009 .ico02:after{border:1px solid #a0dbff;}

/* 2019송년특집 */
.bnr-wrap010{height:52px;background:#ef8411;}
.bnr-wrap010 .txt-con{padding-left:15px;box-sizing:border-box;font-size:18px;line-height:53px;text-indent:inherit;text-align:left;color:#fff;}
.bnr-wrap010 .tit-sub{display:inline-block;padding-left:20px;font-size:14px;line-height:56px;}
.bnr-wrap010 .tit-sub+.tit-sub{padding-left:10px;}
.bnr-wrap010 .ico02{z-index:10;}
.bnr-wrap010 .ico02:after{border:1px solid #fff;}

/* 2020신년특집 2019-12-26 */
.bnr-wrap011{height:52px;background:#1685c9;}
.bnr-wrap011 .txt-con{background:url(//r.yna.co.kr/ad/img/2019/bnr_new_mob_20191226.png) 23px 50% / auto 52px no-repeat;z-index:10;}
.bnr-wrap011 .txt-con.text02{background:url(//r.yna.co.kr/ad/img/2020/bnr_new_mob_20200103.png) 23px 50% / auto 52px no-repeat;z-index:10;}
.bnr-wrap011 .ico02{z-index:10;}
.bnr-wrap011 .ico02:after{border:1px solid #a0dbff;}

/* 네이버구독 2020-01-23 : 본문배너 */
.bnr-wrap012{height:52px;background:#03cf5d;}
.bnr-wrap012 .txt-con{background:url(//r.yna.co.kr/ad/img/2020/bnr_naver_channel_mob_20200123_02.png) 50% 50% / auto 52px no-repeat;z-index:10;}
.bnr-wrap012 .ico02{z-index:10;}
.bnr-wrap012 .ico02:after{border:1px solid #a0dbff;}

/* 코로나바이러스 2020-01-28 */
.bnr-wrap013{height:52px;background:#a9839c;}
.bnr-wrap013 .txt-con{background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_mob_20200128_01.png) 0 50% / auto 52px no-repeat;z-index:10;}
.bnr-wrap013 .ico02{z-index:10;}
.bnr-wrap013 .ico02:after{border:1px solid #e8d5e1;}

/* 코로나바이러스 특집 2020-01-30 */
.bnr-wrap014{height:52px;background:#121f39;}
.bnr-wrap014 .inner:before{position:absolute;top:0;left:0;width:153px;content:"";display:block;clear:both;height:52px;background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_mob_20200130_01.png) 0 0 / auto 52px no-repeat;}
.bnr-wrap014 .txt-con{background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_mob_20200130_02_02.png) center/ auto 52px no-repeat;z-index:10;}
.bnr-wrap014 .ico02{z-index:10;}
.bnr-wrap014 .ico02:after{border:1px solid #fff;}

/* 코로나 현황 PC웹공유 */
.bnr-wrap015{height:52px;background:#121f39;}
.bnr-wrap015 .title{display:none !important;}
.bnr-wrap015 .inner:before{position:absolute;top:0;left:0;width:120px;content:"";display:block;clear:both;height:52px;background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_mob_20200210_01.png) 0 0 / auto 52px no-repeat;}
.bnr-wrap015 .txt-con{background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_mob_20200212_02.png) 0 0/ auto 52px no-repeat;z-index:10;}
.bnr-wrap015 .wrap-info{position:absolute;top:0;left:0;z-index:20;width:100%;height:100%;}
.bnr-wrap015 .info-line01{position:absolute;top:0;right:43px;height:100%;padding:10px 0;box-sizing:border-box;}
.bnr-wrap015 .info-line01 .tit{display:none !important;}
.bnr-wrap015 [class*='info-item']{color:#fff;font-size:14px;line-height:17px;}
.bnr-wrap015 [class*='info-item'] [class*='count']{width:38px;text-align:right;}
.bnr-wrap015 .info-line02{display:none !important;}
.bnr-wrap015 [class*='info-line'] [class*='count'] strong{font-weight:bold;}

.bnr-wrap015 .ico02{z-index:10;}
.bnr-wrap015 .ico02:after{border:1px solid #fff;}

/* 공용class 사용 코로나 현황 PC웹공유 */
.bnr-wrap501{height:52px;background:#121f39;}
.bnr-wrap501 .date{display:none !important;}
.bnr-wrap501 .inner:before{position:absolute;top:0;left:0;width:120px;content:"";display:block;clear:both;height:52px;background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_mob_20200210_01.png) 0 0 / auto 52px no-repeat;}
.bnr-wrap501 .txt-con{background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_mob_20200212_02.png) 0 0/ auto 52px no-repeat;z-index:10;}
.bnr-wrap501 .tit{display:block;height:100%;}
.bnr-wrap501 .info-con{position:absolute;top:0;left:0;z-index:20;width:100%;height:100%;}
.bnr-wrap501 .info-con>a+a{display:none !important;height:0;}
.bnr-wrap501 .info-line01{position:absolute;top:0;right:43px;height:100%;padding:10px 0;box-sizing:border-box;}
.bnr-wrap501 .info-line01 .tit{display:none !important;}
.bnr-wrap501 [class*='info-item']{color:#fff;font-size:14px;line-height:17px;}
.bnr-wrap501 [class*='info-item'] [class*='count']{width:38px;text-align:right;}
.bnr-wrap501 [class*='info-line'] [class*='count'] strong{font-weight:bold;}
.bnr-wrap501 .info-line02{display:none !important;}

.bnr-wrap501 .ico02{z-index:10;}
.bnr-wrap501 .ico02:after{border:1px solid #fff;}

.bnr-wrap501.style02 .txt-con{background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_mob_20200220_02_04.png) 0 0/ auto 52px no-repeat;z-index:10;}
.bnr-wrap501.style02 .info-line01{right:36px;padding:4px 0;text-align:left;}
.bnr-wrap501.style02 .info-item02{display:none;}/* 퇴원가림(확진, 사망 출력) */
.bnr-wrap501.style02 .info-item01,
.bnr-wrap501.style02 .info-item02{display:inline-block;}
.bnr-wrap501.style02 .info-item01{margin-right:4px;}
.bnr-wrap501.style02 .info-item03{display:block;}
.bnr-wrap501.style02 [class*='info-item'] [class*='count']{width:46px;}
.bnr-wrap501.style02 [class*='info-item'] .count02{width:40px;}

/* 2020-03-02 코로나현황 퇴원 → 격리해제로 변경 3줄로 늘어남, height값 변경 */
.bnr-wrap501.style03{height:66px;}
.bnr-wrap501.style03 .inner:before{position:absolute;top:0;left:0;width:100px;content:"";display:block;clear:both;height:66px;background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_mob_20200302_01.png) 0 0 / auto 66px no-repeat;}
.bnr-wrap501.style03 .txt-con{background:url(//r.yna.co.kr/ad/img/2020/bnr_corona_mob_20200302_02.png) 0 0/ auto 66px no-repeat;z-index:10;}
.bnr-wrap501 .info-line01{padding:8px 0 9px;}
.bnr-wrap501.style03 [class*='info-item'] .item{width:54px;text-align:right;}
.bnr-wrap501.style03 [class*='info-item'] [class*='count']{width:46px;margin-left:4px;}

/* .bnr-wrap11 .ico02{z-index:10;}
.bnr-wrap11 .ico02:after{border:1px solid #fff;} */

/* ---- aside-bnr02 : 하단 고정 ---- */
/* aside-sticky01 - 일반
 * aside-sticky02 - 기사본문 체인지 배너 */
.aside-bnr02 .btn-close05{position:absolute;top:0;right:0;z-index:100;}

.aside-sticky01{position:fixed;bottom:0;left:0;z-index:30;}
.aside-sticky01 [id*='div-gpt-ad']{width:320px;height:50px;margin:0 auto;}
/* 2019-09-02 광고 영역 100% 적용(MWEB-293) */
.aside-sticky02{position:fixed;bottom:0;left:0;z-index:30;text-align:center;}
.aside-sticky02 [class*='con']{overflow:hidden;width:100%;height:50px;margin:0 auto;}
.aside-sticky02 [id*='ttx_area_'],
.aside-sticky02 [id*='div-gpt-ad']{display:inline-block !important;width:100%;height:50px;margin:0 auto;}
.aside-sticky02 [id*='div-gpt-ad']>div{display:inline-block;}
.aside-sticky02 .con01{}
.aside-sticky02 .con02{margin-top:50px;
-webkit-transition:margin 0.25s ease-in;
transition:margin 0.25s ease-in;}
/* 2019-09-02 MWEB-293 작업 백업
.aside-sticky02{position:fixed;bottom:0;left:0;z-index:30;}
.aside-sticky02 [class*='con'],
.aside-sticky02 [id*='div-gpt-ad']{width:320px;height:50px;margin:0 auto;}
.aside-sticky02 .con01{}
.aside-sticky02 .con02{margin-top:50px;
-webkit-transition:margin 0.25s ease-in;
transition:margin 0.25s ease-in;} */


/* ---- 배너 및 박스형 ---- */
/* aside-box01 - 메인 주요상단(마케팅 랜덤) T6096
 * aside-box02 - 메인 주요하단
 * aside-box03 - 본문 5줄 하단 배너 CP8589, CP8618
 * aside-box04 - 본문 3줄-2 하단 배너 CP8590, CP8619
 * aside-box05 - 본문 조인앤인포
 * aside-box06 - 본문 300x250
 * aside-box07 - 본문 popIn,Taboola(당신이 좋아할만한 콘텐츠, 추천영상)
 * aside-box08 - 가두리 CP8657, CP8658, CP8659
 * aside-box09 - 공지배너 : 메인, 전체메뉴, 가두리
 * aside-box10 - 공지배너 : 네이버 구독 배너 */
[class*='aside-box']{position:relative;}
[class*='aside-box'] [class*='title-con']{margin-bottom:7px;}
[class*='aside-box'].hide{display:none;}

.aside-box01{min-height:66px;margin:0 16px;}
.aside-box02{margin-bottom:20px;}
.aside-box02>div{width:320px;height:56px;margin:0 auto;}
.aside-box03{}
.aside-box03 [id*='div-gpt-ad']{margin:0 auto;}
.aside-box04{}
.aside-box04 iframe{margin:0 auto;}
.aside-box05{overflow:hidden;box-sizing:border-box;}
.aside-box05 .con{overflow:hidden;box-sizing:border-box;margin:0 auto;}
.aside-box06{}
.aside-box06 iframe{margin:0 auto;}
.aside-box07{}
.aside-box08>div{width:320px;margin:0 auto;}
.aside-box09{}
.aside-box10{margin:0 16px;}


/* 광고 슬라이드
 * 당신이 좋아할만한 콘텐츠, 추천영상 */
html.pc-web [class*='aside-slide-']{display:none !important;}
[class*='aside-slide-'].hide{display:none;}
[class*='aside-slide-'] [class*='title-con']{margin-bottom:7px;padding-left:16px;}
[class*='aside-slide-'] .slide-zone{padding-bottom:36px;}
[class*='aside-slide-'][class*='bg0'] .slide-zone{padding-bottom:0;}
[class*='aside-slide-'] ._popIn_recommend_container{overflow:hidden;}
[class*='aside-slide-'] ._popIn_recommend_articles{width:-webkit-calc(100% - 32px);width:calc(100% - 32px);margin:0 auto;}
[class*='aside-slide-'] ._popIn_infinite_page>li{height:234px;border-bottom:none;}
[class*='aside-slide-'] ._popIn_recommend_article{background:#fff;}
[class*='aside-slide-'] ._popIn_recommend_art_img{margin: 0 0 12px;}
[class*='aside-slide-'] ._popIn_recommend_art_img_inner{padding-bottom:128px;}
[class*='aside-slide-'] ._popIn_recommend_art_title{padding:0 16px;text-overflow:ellipsis;white-space:normal;}
[class*='aside-slide-'] ._popIn_recommend_art_category,
[class*='aside-slide-'] ._popIn_recommend_art_media{position:absolute;bottom:18px;}
[class*='aside-slide-'] ._popIn_recommend_footer{margin:12px 0 0 0;}
[class*='aside-slide-'] ._popIn_recommend_credit{padding-right:16px;}

/* 당신이 좋아할만한 콘텐츠 */
.aside-box07.aside-slide-like{}

/* 추천영상 */
.aside-box07.aside-slide-rcm{padding-top:0;}
.aside-box07.aside-slide-rcm+[class*='aside-box'][class*='bg0'],
.aside-box07.aside-slide-rcm+[class*='aside-text'][class*='bg0']{padding-top:5px;}
@media only screen and (min-width:768px){
	[class*='content0']>.aside-box07.aside-slide-rcm.hide:first-child+[class*='aside-box'][class*='bg0'],
	[class*='content0']>.aside-box07.aside-slide-rcm.hide:first-child+[class*='aside-text'][class*='bg0']{padding-top:30px;}
}
.aside-box07.aside-slide-rcm.hide+[class*='bg0']{margin-top:0;}

/* (임시)(참고) 광고 여백 : Body Class (Control) 하위에서 지정 */


/* ---- 본문 텍스트광고01 ---- */
/* aside-text01 - 본문 3줄-1
 * aside-text02 - 본문 5줄
 * aside-text03 - 본문 3줄-2 */
[class*='aside-text']{overflow:hidden;box-sizing:border-box;position:relative;}
[class*='aside-text'] .con{overflow:hidden;box-sizing:border-box;margin:0 auto;}
@media only screen and (min-width:768px){
	.article-wrap [class*='aside-text'] .con{margin:0;}
}


/* =============== ##컨트롤 (Body Class - Control) ======================== */

/* ---- 레이아웃 (상단 여백) ---- */
/* 기본 : 54px
 * .page-portal : 가두리
 * [class*='body-view-'] : 본문 공통 */
.container{padding-top:54px;}

/* 기본 : 90
 * .page-visual : 비주얼 뉴스 */
body.page-visual .container{padding-top:90px;}

/* 기본 : 94
 * .page-main : 메인
 * .page-error : 에러 페이지 */
.page-main .container,
.page-error .container{padding-top:94px;}

/* 여백 : 51 + 16
 * .body-issue-sub : 더 많은 뉴스 > 이슈 돋보기
 * .body-issue-view : 이슈 돋보기 > (기사/포토/그래픽/영상) 홈
 * .body-news-sub : 뉴스섹션 탑뉴스 , 비주얼뉴스 > 영상 등
 * .body-news-list : 팩트체크 등
 * .body-theme-list : 테마별 뉴스 */
.body-issue-sub .container,
.body-issue-view .container,
.body-news-sub .container,
.body-news-list .container,
.body-theme-list .container{padding-top:67px;}

/* 여백 : 91 + 16
 * body[data-nav] : 섹션 메인/리스트 (2depth 발생)
 * .page-search : 검색 페이지 */
[data-nav] .container{padding-top:107px;}

/* 여백 : 91 + 20
 * .page-comment[class*='body-view-'] : 본문 - 댓글 */
.page-comment[class*='body-view-'] .container{padding-top:111px;}


/* ---- 컨텐츠 사이 여백 ---- */
/* 기본 : 24px */
[class*='box-type']{margin-top:24px;}
/* 예외 - 톱기사 사이 : 20px */
[class*='top-main-news']+[class*='top-main-news'],
[class*='top-sub-news']+[class*='top-sub-news']{margin-top:20px;}

/* 예외 - 정정보도 추가시 주요기사01과의 간격 */
.box-report01+.box-major01{margin-top:16px;}


/* ---- 타이틀과 컨텐츠 사이 여백 ---- */
/* 기본 */
.title-con02+.news-type01{padding-top:16px;}
.news-type01+.news-type01{margin-top:20px;}


/* ---- 첫 컨텐츠 상단 여백 ---- */
[class*='content0']>.hidden-obj:first-child+[class*='box-type'],
[class*='content0']>.hidden-obj:first-child+.hidden-obj+[class*='box-type']{margin-top:0;}
@media only screen and (min-width:768px){
	[class*='content0']>[class*='box-type']:first-child{margin-top:0;}
	.page-life.body-news-list .content02 [class*='box-type']:first-child,
	.page-people.body-news-list .content02 [class*='box-type']:first-child{margin-top:-16px;}
}


/* ---- 마지막 컨텐츠 하단여백 ---- */
/* 기본 : 30px */
.layout01 .content01>[class*='box-type']:last-child,
.layout01 .content02>[class*='box-type']:last-child,
.layout02 .content01>[class*='box-type']:last-child,
.layout02 .content02>[class*='box-type']:last-child,
.layout03 .content04>[class*='box-type']:last-child,
.layout04 .content04>[class*='box-type']:last-child,
.layout05 .content03>[class*='box-type']:last-child{margin-bottom:30px}
/* 예외 - BG박스 : 0 */
.layout01 .content01>[class*='box-type'][class*='bg0']:last-child,
.layout01 .content02>[class*='box-type'][class*='bg0']:last-child,
.layout02 .content01>[class*='box-type'][class*='bg0']:last-child,
.layout02 .content02>[class*='box-type'][class*='bg0']:last-child,
.layout03 .content04>[class*='box-type'][class*='bg0']:last-child,
.layout04 .content04>[class*='box-type'][class*='bg0']:last-child,
.layout05 .content03>[class*='box-type'][class*='bg0']:last-child{margin-bottom:0;}


/* ---- BG박스 ---- */
/* 기본
 * 상단 : 34
 * 하단 : 34
 * BG박스연속 : 0 */
[class*='box-type'][class*='bg0']{margin-top:34px;}
[class*='box-type'][class*='bg0']+[class*='box-type']{margin-top:34px;}
[class*='box-type'][class*='bg0']+[class*='box-type'][class*='bg0']{margin-top:0;padding-top:0;}

/* 첫 컨텐츠 기본 : 0 */
[class*='content0'] > .hidden-obj:first-child + [class*='box-type'][class*='bg0']{margin-top:0;}

/* 예외 - 이슈 인트로 박스 : 0 */
[class*='content0']>.box-type10[class*='bg0']:first-child,
[class*='content0']>.hidden-obj:first-child+.box-type10[class*='bg0']{margin-top:0;}

/* 예외 - 북한 : 0 */
.page-nk .content02>[class*='box-type'].bg01:first-child{margin-top:0;}

/* 기자 별 리스트 box-type22+box-type23 연속 */
.page-reporter .box-type22+.box-type23{margin-top:28px;}

/* 첫 컨텐츠 확장 : -16 */
@media only screen and (min-width:768px){
	[class*='content0']>.hidden-obj:first-child+[class*='box-type'][class*='bg0'],
	.container > [class*='content0']:first-child + .content02 > [class*='box-type'][class*='bg0']:first-child{margin-top:-16px;}
}

/* 예외 : 포토슬라이드와 타 box-type간 여백 = BG박스 */
[class*='box-type']+.box-type05,
.box-type05+[class*='box-type']{margin-top:34px;}

/* 예외 - 타이틀 (가로중앙타이틀)
 * 기본 : 73-3=70 (.title-con07 > .title-type07 여백 상쇄)
 * 첫 컨텐츠 : 0 */
.title-con07{margin-top:73px;}
.layout05 .content03>.title-con07:first-child,
.layout05 .content03>.hidden-obj:first-child+.title-con07{margin-top:0;}
.title-con07+[class*='box-type']{margin-top:0;}


/* ---- 더보기 버튼 ---- */
/* 기본 높이 : 50
 * 하단 기본
	더보기 + 일반박스 : 24
	더보기 + BG박스 : 34
 * 상단 기본 - 콘텐츠(마지막이 텍스트) + 더보기 : 6
 * 상단 예외 - 콘텐츠(마지막이 선 또는 면) + 더보기 : 20
	.list-type01 : 썸네일 기사목록
	.list-type16.style02 : 포토 썸네일목록
	.box-type20 .list-type23 : 그래픽 목록
	.box-type20 div.list-type24 : 이슈 돋보기 썸네일목록
	BG박스 + 더보기 */

[class*='box-type']+[class*='btns-wrap']{margin-top:6px;}

[class*='box-type'] .list-type01+[class*='btns-wrap'],
[class*='box-type'] .list-type16.style02+[class*='btns-wrap'],
[class*='box-type'] .list-type23+[class*='btns-wrap'],
[class*='box-type'] div.list-type24+[class*='btns-wrap'],
[class*='box-type'][class*='bg0']+[class*='btns-wrap']{margin-top:20px;}

/* 예외 - 비주얼 뉴스 홈 */
.page-visual .box-type20+[class*='btns-wrap']{margin-top:20px;}

/* tap-content 하단 */
.tab-content .list-type21+.dev-btns-count-wrap,
.tab-content .list-type22+.dev-btns-count-wrap{margin-top:6px;}

/* 리스트 불러오는 더보기 버튼 하단 여백 : 30 */
.layout05 .content03 [class*='list-type']+.btns-count-wrap{margin-bottom:30px;}
@media only screen and (min-width:768px){
	[class*='box-type'] [class*='list-type']+.btns-count-wrap{margin-bottom:30px;}
}


/* ---- 광고 여백 (기본) ---- */

/* (기본) 상하단 : 24
 * 기사 내 기자정보 다음 광고 : 20 */
[class*='aside-text'],
[class*='aside-box']{margin-top:24px;}

/* content0* 첫 광고 : 0 */
[class*='content']>[class*='aside-'][class*='bg0']:first-child{margin-top:0;}

@media only screen and (min-width:768px){
	[class*='content0']>[class*='aside-text']:first-child,
	[class*='content0']>[class*='aside-box']:first-child{margin-top:0;}
	[class*='content0']>[class*='aside-text']:last-child:not([class*='bg0']),
	[class*='content0']>[class*='aside-box']:last-child:not([class*='bg0']){margin-bottom:30px;}
}

/* 기사본문 광고 */
.story-info+[class*='aside-text'],
.story-info+[class*='aside-box']{margin-top:20px;}

/* 광고 + 광고 : 16 */
[class*='aside-text']+[class*='aside-text'],
[class*='aside-text']+[class*='aside-box'],
[class*='aside-box']+[class*='aside-box'],
[class*='aside-box']+[class*='aside-text']{margin-top:16px;}

/* BG포함 광고 */
/* 확인완료 : (비주얼 본문) aside-box04 */
[class*='aside-text'][class*='bg0'],
[class*='aside-box'][class*='bg0']{padding-top:30px;padding-bottom:30px;}

/* 광고 + BG박스 : 24 */
[class*='aside-text']+[class*='bg0'],
[class*='aside-box']+[class*='bg0']{margin-top:24px;}

/* BG박스 + 광고 (세트) : 16 */
[class*='bg0']+[class*='aside-text'],
[class*='bg0']+[class*='aside-box']{margin-top:16px;}

/* BG박스 + BG박스 : 0 */
[class*='bg0']:not(.hide)+[class*='bg0']{margin-top:0;}


/* ---- 광고 여백 (예외) ---- */

/* #asideJoyninfo : (항상) 상하단 24 (박스타입과 동일) */
#asideJoyninfo{margin:24px 0;}

/* .aside-box06 : (항상) 상단 24 / 하단 34 */
.aside-box06{margin-bottom:34px;}

/* .aside-box07 : BG박스 상단 여백 */
.aside-box07[class*='aside-slide-'][class*='bg0']{padding-top:8px;}


/* ---- ##공통 ---- */
/* 앱에서 웹뷰 사용시 숨김처리
 * appPram.js */
body.appview .hide-appview,
body.appview .aside-bnr02{display:none !important;}
body.appview.page-comment[class*='body-view-'] .container{padding-top:10px;}

/* 메인,본문 - 섹션별뉴스 슬라이드 탭
 * 서비스 후 데이터 로드 속도가 느릴경우를 대비해 슬라이드 크기를 잡아준다. */
.main-category .list-type02{width:100%;min-height:352px;}
.detail-category .list-type02{width:100%;min-height:352px;}


/* ---- ##메인(Main) ---- */
.page-main .container .box-type05 .list-type07 .tit-news{font-weight:bold;}
.page-main .content01 .latest-news .title-con02{padding-top:6px;} /* margin-top:16px; */
.page-main [class*='top-main-news'] .news-type01 .news-con{width:100%;}
.page-main .content01 .aside-box09{margin-left:16px;margin-right:16px;}

/* 주요기사 편집 CP 가 추가 된다면 숨김처리 */
.page-main [class*='edit-main-major']{display:none !important;}

/* 톱기사 (none-mode) */
[class*='top-main-news'] .none-mode .item-box{border-top:1px solid #d3d6d7;}
[class*='top-main-news'] .none-mode.active .item-box{border-bottom:none;}
.top-main-news01>[class*='news-type'].none-mode:first-child{padding-top:16px;} /* 첫 컨텐츠 : 16 */
.top-main-news01>[class*='news-type'].none-mode:first-child .item-box{border-top:none;}

/* 톱기사 뉴스라이브 */
.top-main-news01 .live-zone01{display:block;position:absolute;z-index:10;width:100%;}
.box-type09.main-travel{padding-bottom:35px;}
.box-type09.main-travel .list-type10{margin-top:8px;}
.box-type09.main-people{padding-bottom:38px;}
.box-type09.main-people .list-type11{margin-top:11px;}
.box-type09.main-book-review{padding-bottom:38px;}
.box-type09.main-book-review .list-type12{margin-top:8px;}
.box-type09.main-health{padding-bottom:71px;}
.box-type09.main-health .list-type13{margin-top:16px;}
[class*='main-major']{margin-bottom:0;}
.main-major01{}
.main-major02.hide{display:none;}
.main-major03.hide{display:none;}

/* 투데이 콘텐츠 */
.main-today .slide-today01>.list>li{width:165px;}
.main-today .slide-today01>.list>li:first-child{width:181px;}

/* 유튜브 콘텐츠 */
.box-ytb-topic{}
.box-ytb-topic .list-type03{opacity:0;min-height:234px;
-webkit-transition:opacity 0.25s ease-in;
transition:opacity 0.25s ease-in;}
.box-ytb-topic .list-type03.show{opacity:1;}

.box-ytb-unique{}
.box-ytb-unique .list-type03{opacity:0;min-height:234px;
-webkit-transition:opacity 0.25s ease-in;
transition:opacity 0.25s ease-in;}
.box-ytb-unique .list-type03.show{opacity:1;}

/* (임시) 재생시간 미노출
 * 디지털공감 */
.main-digital .list-type03,
.box-digital .list-type03,
.detail-digital .list-type03{min-height:210px !important;}
.main-digital .list-type03 .news-con,
.box-digital .list-type03 .news-con,
.detail-digital .list-type03 .news-con{height:82px;}


/* ---- ##가두리 ---- */
.page-portal{}
.page-portal [class*='content0']>[class*='box-type']:first-child{margin-top:0}
.page-portal .list-type02 .list>li:first-child .item-style03,
.page-portal .list-type02 .list>li:first-child .item-style04{padding-top:0}
.page-portal [class*='box-type'] .portal-photogallery{margin-top:10px;}
.page-portal [class*='box-type'] .portal-spoent{margin-top:10px;}
.page-portal .portal-most-news{margin-top:0;}
.page-portal .portal-health{margin-top:0;}
.page-portal .portal-hng.box-type04 .list-type04{padding-bottom:0;}
.page-portal .aside-box01{margin-top:0;}
.page-portal .wrapper>[class*='aside-box']{margin-bottom:24px;}


/* ---- ##뉴스본문 공통 ---- */
[class*='body-view-']{}

/* 글기사 본문 */
.body-view-news{}


/* ---- ##뉴스섹션 ---- */
.body-news-sub{}
.body-news-list{}

/* 사람들 리스트
 * .txt-mes01 사용시 인사 리스트에만 break-all 사용하기로 함 */
.body-news-list.page-people .txt-mes01{word-break:break-all;}

/* ---- ##2depth 서브메뉴 페이지 ---- */
.body-news-sub{}

/* ---- ##비주얼 공통 ---- */
@media only screen and (min-width:768px){
	body[class*='page-visual'] .content03,
	body[class*='body-visual'] .content03{width:640px;margin:0 auto;}
}
@media only screen and (min-width:1280px){
	/* 좌우확장 : 슬라이드 컨텐츠 */
	body[class*='page-visual'] .content03 .box-type03,
	body[class*='body-visual'] .content03 .box-type03,
	body[class*='page-visual'] .content03 .box-type07,
	body[class*='body-visual'] .content03 .box-type07{width:1280px;margin-left:-320px;}

	body[class*='page-visual'] .content03 .box-type03 [class*='title-con'],
	body[class*='body-visual'] .content03 .box-type03 [class*='title-con'],
	body[class*='page-visual'] .content03 .box-type07 [class*='title-con'],
	body[class*='body-visual'] .content03 .box-type07 [class*='title-con']{width:640px;box-sizing:border-box;margin-left:auto;margin-right:auto;}

	body[class*='page-visual'] .content03 .box-type03 .list>li:first-child,
	body[class*='body-visual'] .content03 .box-type03 .list>li:first-child{padding-left:359px;}

	body[class*='page-visual'] .content03 .video-player-zone,
	body[class*='body-visual'] .content03 .video-player-zone{width:594px;margin:0 auto;}

	/* 좌우확장 : Editor's Pick */
	body[class*='page-visual'] .content03 .box-editors{width:1280px;margin-left:-320px;}
	body[class*='page-visual'] .content03 .box-editors .title-type05{margin-left:320px;}
	body[class*='page-visual'] .content03 .box-editors .list-type14{margin-left:320px;margin-right:320px;}
}


/* 비주얼 뉴스 - 메인 */
.page-visual{}
/* 비주얼 뉴스 - 주제별 포토 */
.body-visual-list .box-type16 .title-con02~.list-type16{margin-top:22px;}
.box-sect-photo .list-type06 .img-con .img,
.detail-sect-photo .list-type06 .img-con .img{height:128px;}
.box-sect-photo .list-type06 .img-con .img.img-cover,
.detail-sect-photo .list-type06 .img-con .img.img-cover{background-size:cover !important;}

/* 포토 콘텐츠 모션 */
.photo-main-list01 .list>li{overflow:hidden;}
/* 포토 콘텐츠 모션 - default */
.photo-main-list01 .item-box>a{position:relative;overflow:hidden;
-webkit-transform:translate3d(0,150px,0);
transform:translate3d(0,150px,0);
-webkit-transition:-webkit-transform 0.8s cubic-bezier(0.3,0,0.45,1);
transition:transform 0.8s cubic-bezier(0.3,0,0.45,1);}
.photo-main-list01 .item-box>a:before{content:'';position:absolute;top:-1px;right:-1px;z-index:1;width:100%;height:100%;padding:1px;background-color:rgba(255,255,255,1);
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transition:-webkit-transform 0.8s cubic-bezier(0.3,0,0.45,1);
transition:transform 0.8s cubic-bezier(0.3,0,0.45,1);}
.photo-main-list01 .item-box .img-con .img{opacity:0;background:none;
-webkit-transform:translateZ(0) scale(1.4,1.4);
transform:translateZ(0) scale(1.4,1.4);
-webkit-transition:-webkit-transform 1.0s cubic-bezier(0.3,0,0.45,1);
transition:transform 1.0s cubic-bezier(0.3,0,0.45,1);}
/* 포토 콘텐츠 모션 - 모션실행 */
.photo-main-list01 .list>li.active .item-box>a{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);}
.photo-main-list01 .list>li.active .item-box>a:before{
-webkit-transform:translate3d(-102%,0,0);
transform:translate3d(-102%,0,0);}
.photo-main-list01 .list>li.active .item-box .img-con .img{opacity:1;
-webkit-transform:translateZ(0) scale(1,1);
transform:translateZ(0) scale(1,1);}

/* 비주얼 뉴스 - 서브 페이지 */
.body-visual-sub .box-type02 .title-con02~.list-type14,
.body-visual-sub .box-type02 .title-con02~.list-type15{margin-top:22px;}

/* 비주얼뉴스 영상 */
.page-video{}

/* ---- (임시) ##포토 공통 ---- */
.page-photo{}

/* ---- ##영상 본문 ---- */
.body-view-video{}

/* ---- ##포토 본문(개별포토 본문) ---- */
.body-view-photo{}
.detail-today-photo .btns{display:none;}


/* ---- ##포토무비 ---- */
.page-photomovie{}
/* 리스트 상단 설명글을 가린다. */
.page-photomovie .box-latest01 .title-con02{display:none;}
.page-photomovie .box-latest01 .title-con02~.list-type14{margin-top:0;}

/* ---- ##그래픽 본문  ---- */
.body-view-graphic{}

/* 본문 - 주요영상 CP 8627 */
.detail-video-juyo02 .list-type03{padding-top:20px;}
/* 본문 - 많이본영상 CP 8628 */
.detail-most-video02 .list-type03{padding-top:20px;}

/* ---- ##이슈돋보기 (Issue) ---- */
.box-issue-rcmnd.box-type20 .list-type24{margin-bottom:20px;}
@media only screen and (min-width:768px){
	.box-issue-rcmnd{font-size:0;}
	.box-issue-rcmnd .list-type24{display:inline-block;width:50%;min-height:356px;vertical-align:top;}
	.box-issue-rcmnd .list-type24:nth-child(2n-1){padding:0 16px 0 8px;}
	.box-issue-rcmnd .list-type24:nth-child(2n){padding:0 8px 0 16px;}
	.box-type20.box-issue-latest{margin-top:0;}
}
@media only screen and (min-width:1280px){
	.box-issue-rcmnd .list-type24:nth-child(2n-1){padding:0 23px 0 11.5px;}
	.box-issue-rcmnd .list-type24:nth-child(2n){padding:0 11.5px 0 23px;}
}


/* ---- ##테마별뉴스 (Theme) ---- */
.body-theme-list{}

/* (임시) 탭 클릭이벤트 */
.most-viewed-list .list-type21.hide{display:none;}
.most-viewed-list .list-type21.show{display:block;}

/* ---- ##검색 (Search) ---- */
.page-search .content01{padding-bottom:30px;}
.page-search .content01>[class*='box-type']:last-child{margin-bottom:0;}
.page-search [class*='item-box'] b{font-weight:bold;color:#0068d1 !important;}
.page-search [class*='item-box'] .lead b{font-weight:normal;}
.search-wrap{margin:12px 0 30px;}
.search-detail{margin:0 10px 16px;}

/* 검색옵션 더보기 버튼 */
.search-detail .btns-wrap01 .btn-type08+.btn-type08{margin-right:0;}

/* 개발검수 문서 270번 : 개발전까지 숨김처리 */
.page-search .info-list02{display:none !important;}

/* ---- ##전국 ---- */
/* 전국 하위메뉴 (page-local-*) */
[class*='page-local-'] [class*='header-type'] .area .btn-navi{max-width:-webkit-calc(100% - 50px);
max-width:calc(100% - 50px);}
[class*='page-local-'] [class*='header-type'] .area .btn-navi[class*='arr0'] .txt{width:100%;box-sizing:border-box;}
[class*='page-local-'] [class*='header-type'] .area .btn-navi[class*='arr0'] .txt>span{overflow:hidden;display:inline-block;width:100%;box-sizing:border-box;text-align:left;text-overflow:ellipsis;white-space:nowrap;}



/* ---- 이미지 커버 공통처리 ---- */

/* 메인 */
.page-main [class*="top-main-news"] .img-cover,
.page-main [class*="main-major"] .img-cover,
.page-main .main-hotnews .img-cover,
.page-main .main-factcheck .img-cover,
.page-main .slide-tab-content01 .img-cover,
.page-main .main-sports .img-cover,
.page-main .main-ent .img-cover,
/* 가두리 */
.portal-most-reply .img-cover,
.portal-most-news .img-cover,
/* 본문 공통 */
[class*='body-view-'] .detail-hotnews01 .img-cover,
[class*='body-view-'] .detail-footer-spoent .img-cover,
[class*='body-view-'] .slide-tab-content01 .img-cover,
/* 섹션 뉴스  */
.page-sect-news .news-type01 .img-cover,
/* 뉴스 섹션  */
[class*='body-news-'] [class*='top-sub-news'] .img-cover,
[class*='body-news-'] [class*='box-major'] .img-cover,
[class*='body-news-'] .box-latest01 .img-cover,
[class*='body-news-'] .box-latest02 .img-cover,
[class*='body-news-'] .box-people01 .img-cover,
[class*='body-news-'] [class*='box-local-'] .img-cover,
[class*='body-news-'] [class*='box-sports-'] .img-cover,
[class*='body-news-'] [class*='box-people-'] .img-cover,
[class*='body-news-'] .box-travel-juyo .img-cover,
[class*='body-news-'] .box-festival-juyo .img-cover,
[class*='body-news-'] .box-new-prod .img-cover,
[class*='body-news-'] [class*='box-opin-'] .img-cover,
/* 테마별 뉴스 */
.body-theme-list #dev-theme-section .img-cover,
.body-theme-list .list-type21[class*='bold most-'] .img-cover,
/* 뉴스+ > 이슈 돋보기 */
.box-issue-latest .img-cover,
/* 검색 상세 : 기본 */
[class*='box-detail-'] .img-cover{background-position-y:top !important;}

/* 검색 상세 : 포토/그래픽 */
.box-detail-photo .img-cover,
.box-detail-graphic .img-cover{background-position-y:center !important;}

/* 더보기 목록 썸네일
 * 이슈 돋보기
 * 팩트체크
 * 책/서평 */
/* .list-type23 .ui-more-news .img-cover,
.list-type24 .ui-more-news .img-cover{background-position-y:top !important;} */



/* =============== ##키프레임 & 모션 ======================== */

/* ---- (키프레임 정의) motion01-header$$ ---- */
/* 키프레임 변수 일반: motion01-header$$
 * 키프레임 변수 반전: motion01-header$$-rev (reverse)
 * [메인]
 * 0) QUICKER : slide-up (transition으로 처리) ⇒ .wrap-header01 .nav-wrap{transform:translate3d(0,-40px,0);}
 * 1) (HEADER + QUICKER) : slide-up ⇒ .wrap-header01{transform:translate3d(0,-3px,0);}
 * 2) TICKER : z-index 변경 ⇒ .wrap-header02{z-index:100;}
 * 3) TICKER : fade-in ⇒ .wrap-header02{opacity:1;}

 * [가두리]
 * 1) HEADER1 : slide-up ⇒ .wrap-header01{transform:translate3d(0,-3px,0);}
 * 2) TICKER : z-index 변경 ⇒ .wrap-header02{z-index:100;}
 * 3) TICKER : fade-in ⇒ .wrap-header02{opacity:1;}

 * [기사본문 기본]
 * 1) HEADER1 : slide-up ⇒ .wrap-header01{transform:translate3d(0,-3px,0);}
 * 2) HEADER2 : z-index 변경 ⇒ .wrap-header02{z-index:100;}
 * 3) HEADER2 : fade-in ⇒ .wrap-header02{opacity:1;}

 * [댓글 페이지]
 * 0) QUICKER : slide-up (transition으로 처리) ⇒ .wrap-header01 .nav-wrap{transform:translate3d(0,-40px,0);}
 * 1) HEADER2 : z-index 변경 ⇒ .wrap-header02{z-index:100;}
 * 2) HEADER2 : fade-in ⇒ .wrap-header02{opacity:1;} */

/* motion01-header01 */
@-webkit-keyframes motion01-header01{
	0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
	100%{-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0);}
}
@keyframes motion01-header01{
	0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
	100%{-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0);}
}
/* motion01-header02 */
@-webkit-keyframes motion01-header02{
	0%{z-index:-1;opacity:0;}
	0.01%{z-index:100;opacity:0;}
	50%{z-index:100;opacity:0;}
	100%{z-index:100;opacity:1;}
}
@keyframes motion01-header02{
	0%{z-index:-1;opacity:0;}
	0.01%{z-index:100;opacity:0;}
	50%{z-index:100;opacity:0;}
	100%{z-index:100;opacity:1;}
}

/* motion01-header02-rev */
@-webkit-keyframes motion01-header02-rev{
	0%{z-index:100;opacity:1;}
	49.99%{z-index:100;opacity:0;}
	50%{z-index:-1;opacity:0;}
	100%{z-index:-1;opacity:0;}
}
@keyframes motion01-header02-rev{
	0%{z-index:100;opacity:1;}
	49.99%{z-index:100;opacity:0;}
	50%{z-index:-1;opacity:0;}
	100%{z-index:-1;opacity:0;}
}
/* motion01-header01-rev */
@-webkit-keyframes motion01-header01-rev{
	0%{-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0);}
	100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes motion01-header01-rev{
	0%{-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0);}
	100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}

/* ---- (키프레임 실행) motion01-header$$ ---- */
/* header 유형 별 모션
 * [CASE 01] QUICKER 슬라이드 > HEADER1 슬라이드(높이 축소) > TICKER 페이드인
 * 메인 : .page-main
 * HEADER1 : .wrap-header01 > .header-type01 : 54px [64px]
 * QUICKER : .wrap-header01 > .nav-wrap : 40px
 * TICKER : .wrap-header02 > .ticker-type01.ticker-latest01 : 51px (border 포함) [66px]

 * [CASE 02] HEADER1 슬라이드(높이 축소) > HEADER2 페이드인
 * 기사분문 기본 : [class*='body-view']
 * HEADER1 : .wrap-header01 > .header-type01 : 54px [64px]
 * HEADER2 : .wrap-header02 > .header-type04 : 51px (border 포함) [66px]

 * [CASE 02-2] HEADER1 슬라이드(높이 축소) > TICKER 페이드인
 * 가두리 : .page-portal
 * HEADER1 : .wrap-header01 > .header-type01 : 54px [64px]
 * TICKER : .wrap-header02 > .ticker-type01.ticker-latest01 : 51px (border 포함) [66px]

 * [취소][모션없음으로 변경][CASE 03] QUICKER 슬라이드 > HEADER2 페이드인
 * 댓글 페이지 : [class*='body-view'].page-comment
 * HEADER1 : .wrap-header01 > .header-type02 : 51px (border 포함) [66px]
 * QUICKER : .wrap-header01 > .nav-wrap02 : 40px
 * HEADER2 : .wrap-header02 > .header-type04 : 51px (border 포함) [66px]

* [CASE 04] QUICKER 슬라이드
 * 섹션 별 뉴스 2depth 홈/목록 : .body-news-list / .body-news-sub
 * 비주얼 뉴스 2depth 홈 : .body-visual-sub
 * 비주얼 뉴스 영상/포토 리스트 : .body-visual-list
 * 검색 페이지 : .page-search
 * HEADER1 : .wrap-header01 > .header-type02 : 51px (border 포함) [66px]
 * QUICKER : .wrap-header01 > .nav-wrap : 40px

 * [CASE 99] 모션 없음 01 : HEADER1 고정
 * 섹션 별 뉴스 2depth 없은 메뉴 : .body-news-list / .body-news-sub
 * 테마별 뉴스 : .body-theme-list
 * 이슈 돋보기 : .body-issue-sub
 * 이슈 돋보기 관련뉴스 목록 : .body-issue-view
 * HEADER1 : .wrap-header01 > .header-type02 : 51px (border 포함) [66px]

 * [CASE 99] 모션 없음 02 : QUICKER / HEADER1 고정
 * 비주얼 뉴스 홈 : .page-visual
 * QUICKER : .wrap-header01 > .nav-wrap : 40px (HEADER 위 고정)
 * HEADER1 : .wrap-header01 > .header-type03 : 50px (border 없음) [64px] */


/* 공통 header01 > 내비게이션 */
.wrap-header01 .nav-wrap,
.wrap-header01 .nav-wrap02{
-webkit-transition:-webkit-transform 0.3s ease-in-out;
transition:transform 0.3s ease-in-out;}
.body-down .wrap-header01 .nav-wrap,
.body-down .wrap-header01 .nav-wrap02{
-webkit-transform:translate3d(0,-41px,0);
transform:translate3d(0,-41px,0);}
/* 2depth 메뉴 활성화 버튼 클릭 시 */
.nav-active .wrap-header01 .nav-wrap{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transition:-webkit-transform 0.3s ease-in-out;
transition:transform 0.3s ease-in-out;}


/* ---- motion01 실행 ---- */
/* 메인 */
.page-main.body-sticky .wrap-header01{
-webkit-animation:motion01-header01 0.1s ease-in-out 0.3s;
animation:motion01-header01 0.1s ease-in-out 0.3s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;}
.page-main.body-sticky .wrap-header02{
-webkit-animation:motion01-header02 0.4s ease-in 0.2s;
animation:motion01-header02 0.4s ease-in 0.2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;}
/* reverse */
.page-main.body-static .wrap-header02{
-webkit-animation:motion01-header02-rev 0.4s ease-in;
animation:motion01-header02-rev 0.4s ease-in;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;}
.page-main.body-static .wrap-header01{
-webkit-animation:motion01-header01-rev 0.1s ease-in-out 0.2s;
animation:motion01-header01-rev 0.1s ease-in-out 0.2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;}

/* 가두리
 * 본문 기본(댓글 페이지 제외) */
.page-portal.body-sticky .wrap-header01,
[class*='body-view'].body-sticky:not(.page-comment) .wrap-header01{
-webkit-animation:motion01-header01 0.1s ease-in-out;
animation:motion01-header01 0.1s ease-in-out;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;}
.page-portal.body-sticky .wrap-header02,
[class*='body-view'].body-sticky:not(.page-comment) .wrap-header02{
-webkit-animation:motion01-header02 0.4s ease-in -0.1s;
animation:motion01-header02 0.4s ease-in -0.1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;}
/* reverse */
.page-portal.body-static .wrap-header02,
[class*='body-view'].body-static:not(.page-comment) .wrap-header02{
-webkit-animation:motion01-header02-rev 0.4s ease-in;
animation:motion01-header02-rev 0.4s ease-in;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;}
.page-portal.body-static .wrap-header01,
[class*='body-view'].body-static:not(.page-comment) .wrap-header01{
-webkit-animation:motion01-header01-rev 0.1s ease-in-out 0.2s;
animation:motion01-header01-rev 0.1s ease-in-out 0.2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;}

/* 본문 댓글 */ /* 고정 */
/* .page-comment.body-sticky .wrap-header02{
-webkit-animation:motion01-header02 0.4s ease-in 0.2s;
animation:motion01-header02 0.4s ease-in 0.2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;} */
/* reverse */
/* [class*='body-view'].page-comment.body-static .wrap-header02{
-webkit-animation:motion01-header02-rev 0.4s ease-in;
animation:motion01-header02-rev 0.4s ease-in;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;} */


/* =============== ##대형확장 레이아웃 ======================== */
@media only screen and (min-width:1280px){
	/* ---- layout ---- */
	body{background-color:#f3f3f3;} /* #d3d6d7 */
	.wrapper{width:1280px;min-height:100%;height:auto;box-sizing:border-box;margin:0 auto;background-color:#fff;}
	body.popup-mode .wrapper{left:-webkit-calc(50% - 640px);
	left:calc(50% - 640px);}
	[class*='wrap-header']{width:1280px;
	left:-webkit-calc(50% - 640px);
	left:calc(50% - 640px);}

	/* ---- header ---- */
	.wrap-header01{	-webkit-animation:none !important;
	animation:none !important;}
	body:not(.page-guide).body-urgent .wrap-header01{display:block !important;}
	.wrap-header01 .nav-wrap{top:64px !important;}
	.page-visual .wrap-header01 .nav-wrap{top:0 !important;}
	.wrap-header01 .nav-wrap02{top:64px;}
	.nav-wrap02{box-sizing:border-box;padding:0 7px;}

	[class*='header-type']{height:64px;}
	[class*='header-type'] .logo-yna01{left:17px;top:11px;}
	[class*='header-type'] .logo-yna04{left:17px;top:11px;}
	[class*='header-type'] .logo-yna05{left:11px;top:11px;}
	[class*='header-type'] .area{box-sizing:border-box;}

	.header-type02{height:63px;}
	.header-type04{height:63px;}
	.header-type02 .area{padding:7px 71px 7px 62px;}
	.header-type03 .area{padding:7px 71px 7px 62px;}
	.header-type04 .area{padding:7px 71px 7px 115px;}


	/* ---- container ---- */
	/* .page-asis 관련 상단여백 : style.css 참고  */

	/* 기본 : 54 → 64
	 * .page-portal : 가두리
 	 * [class*='body-view-'] : 본문 공통 */
	.container{padding-top:64px;}

	/* 기본 : 40 + (50 → 64)
	 * .page-visual : 비주얼뉴스 */
	body.page-visual .container{padding-top:104px;}

	/* 기본 : (54 → 64) + 40
	 * .page-main : 메인
	 * .page-error : 에러 페이지 */
	.page-main .container,
	.page-error .container{padding-top:104px;}

	/* 여백 : (51 → 64) + 16
	 * .body-issue-sub : 더 많은 뉴스 > 이슈 돋보기
	 * .body-issue-view : 이슈 돋보기 > (기사/포토/그래픽/영상) 홈
	 * .body-news-sub : 뉴스섹션 탑뉴스 , 비주얼뉴스 > 영상 등
	 * .body-news-list : 팩트체크 등
	 * .body-theme-list : 테마별 뉴스 */
	.body-issue-sub .container,
	.body-issue-view .container,
	.body-news-sub .container,
	.body-news-list .container,
	.body-theme-list .container {padding-top:80px;}

	/* 여백 : (51 → 64) + 40 + 16
	 * body[data-nav] : 섹션 메인/리스트 (2depth 발생)
	 * .page-search : 검색 페이지 */
	[data-nav] .container{padding-top:120px;}
	/* .page-search .container{padding-top:120px;} */

	/* (51 → 64) + 40 + 20
	 * .page-comment : 본문댓글 */
	.page-comment[class*='body-view-'] .container{padding-top:124px;}


	/* ---- footer ---- */
	.footer-wrap{}
	.footer-type01{padding:32px 90px 69px;}
	.menu-wrap01{padding:0;margin-bottom:44px;}
	.menu-wrap01 .logo-yna02{margin-bottom:31px;}
	.menu-wrap01 .dep01{display:table;border-left:1px solid #535353;}
	.menu-wrap01 .dep01>li{display:table-cell;width:124px;padding:0 35px;border-right:1px solid #535353;}
	.menu-wrap01 .dep01>li:first-child{width:248px;}
	.menu-wrap01 .dep01>li>a{display:inline-block;margin-top:-5px;padding-left:0;font-weight:bold;border:none;}

	/* .menu-wrap01 .dep01>li>a{padding-right:16px;}
	.menu-wrap01 .dep01>li>a:after,
	.menu-wrap01 .dep01>li.active>a:after{right:-2px;background-position-x:-150px;
	-webkit-transform:translateY(-50%) rotate(90deg);
	transform:translateY(-50%) rotate(90deg);} */

	.menu-wrap01 .dep01>li>a:not([href='#none']){padding-right:16px;}
	.menu-wrap01 .dep01>li>a:not([href='#none']):after{right:-2px;background-position-x:-150px;
	-webkit-transform:translateY(-50%) rotate(90deg);
	transform:translateY(-50%) rotate(90deg);}
	.menu-wrap01 .dep01>li>a[href='#none']:after{display:none;}
	.menu-wrap01 .dep01>li>.dep02{display:block !important;padding:4px 0 0;}
	.menu-wrap01 .dep02>li{width:124px;}

	.footer-type01 .list-text05{float:right;margin:0;padding-top:2.5px;}
	.footer-type01 .list-text05 li+li{margin-left:16px;}
	.footer-type01 .sns-link01{float:left;margin:0;}
	.footer-type01 .sns-link01 li{width:auto;margin:0 16px 0 0;}
	.footer-type01 .lang-link01{position:absolute;right:91px;top:102px;width:159px;}
	.footer-type01 .lang-link01>a{display:inline-block;position:relative;margin-top:-5px;padding:4px 16px 4px 0;font-weight:bold;font-size:14px;line-height:36px;white-space:nowrap;}
	.footer-type01 .lang-link01>a:after{content:'';position:absolute;right:-2px;top:50%;width:12px;height:7px;background:url(../img/sprites_object01.svg?v=20190802_1016) -150px 0 no-repeat;background-size:200px auto;
	-webkit-transform:translateY(-50%) rotate(90deg);
	transform:translateY(-50%) rotate(90deg);}
	.footer-type01 .lang-link01>ul{width:100%;box-sizing:border-box;padding-right:35px;margin:0;padding:4px 0 0;}
	.footer-type01 .lang-link01>ul>li{display:block;width:100%;margin:4px 0 0;text-align:left;}
	.footer-type01 .lang-link01>ul>li a{min-width:39px;padding-left:0;line-height:36px;}
	.footer-type01 .txt-copy{clear:both;padding-top:20px;}

	/* banner */
	.aside-box01,
	.page-main .content01 .aside-box09,
	.page-portal .aside-box01{margin-left:23px;margin-right:23px;}
}