@charset "utf-8";
/*************************************************
* 프로젝트명 : 연합뉴스 국문 모바일 홈페이지 (2019)
* comment : layout.css
* v03 폴더
-- 기본 : sprites_object01.svg
-- 기사제보 : sprites_jebo01.svg
*************************************************/

/* =============== ####공통 (common) ======================== */
body{font-weight:normal;font-family:'Spoqa Han Sans Neo','sans-serif';}
h1,h2,h3,h4,h5,h6{font-family:'Spoqa Han Sans Neo','sans-serif';}
p,li,dt,dd,span,strong,em,b,input,button,select,textarea,label,a{font-weight:normal;font-family:'Spoqa Han Sans Neo','sans-serif';}

/* =============== ####레이아웃 (layout) ======================== */
.wrapper{width:100%;height:100%;}

/* ---- ##헤더 | header (common) ---- */
/* [헤더 타입] */
[class*='header-type']{position:relative;box-sizing:border-box;width:100%;height:56px;border-bottom:1px solid #f2f4f8;}
[class*='header-type'] [class*='logo-yna']{position:absolute;top:0;z-index:10;}
[class*='header-type'] .logo-yna01{left:7px;}
[class*='header-type'] .logo-yna04{left:10px;}
[class*='header-type'] .logo-yna05{left:15px;}
[class*='header-type'] [class*='btn-menu']{position:absolute;top:0;margin-top:0;right:12px;z-index:10;}
[class*='header-type'] .area{overflow:hidden;display:block;height:100%;font-size:0;}
[class*='header-type'] .area .title-type03{display:inline-block;margin-top:4px;}
[class*='header-type'] .area .btn-navi{display:inline-block;min-width:auto;margin:4px 0 0 8px;
-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 [class*='btn-menu']{right:4px;}
.header-type01 .area{padding:0 52px 0 109px;text-align:right;font-size:0;}
.header-type01 .area>[class*='btn-']{margin-top:6px;}
.header-type01 .btn-more04{margin-right:12px;}
.header-type01 .btn-more04 .txt{height:44px;line-height:44px;}
.header-type01 [class*='btn-srch02']{margin-right:10px;}
.header-type02 .area{padding:0 60px 0 61px;}
.header-type02 .area [class*='btn-more'] .txt{padding-left:0;}
.header-type03 .area{padding:0 60px 0 57px;text-align:center;}
.header-type04 .area{padding:0 68px 0 80px;text-align:right;font-size:0;}
.header-type04 .btn-type03{height:48px;margin-top:4px;margin-right:17px;padding:14px 2px;}
.header-type04 .btn-type03:last-child{margin-right:4px;}

/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	[class*='header-type']{height:64px;}
	[class*='header-type'] .logo-yna01{left:19px;top:4px;}
	[class*='header-type'] .logo-yna04{left:19px;top:4px;}
	[class*='header-type'] .logo-yna05{left:19px;top:4px;}
	[class*='header-type'] [class*='btn-menu'],
	.header-type01 [class*='btn-menu']{right:1px;}
	[class*='header-type'] .area{box-sizing:border-box;}

	.header-type01 .area{padding:5px 65px 6px 121px;}
	.header-type02 .area{padding:5px 65px 6px 62px;}
	.header-type03 .area{padding:5px 65px 6px 62px;}
	.header-type04 .area{padding:5px 65px 6px 115px;}
}

/* ---- ##내비게이션 | navigation (common) ---- */
/* [내비 타입01] .nav-type01 */
.nav-type01{overflow:hidden;}
.nav-type01:only-of-type{margin:0 20px;} /* .nav-type01 하나일때 */
.nav-type01.swiper-container-horizontal{margin:0 28px;}
.nav-type01 .list{overflow:hidden;height:48px;font-size:0;}
.nav-type01 .list li{display:inline-block;width:auto;box-sizing:border-box;margin-right:28px;padding-top:4px;}
.nav-type01 .list a{display:block;position:relative;box-sizing:border-box;min-width:28px;padding:0 4px;font-size:15px;line-height:40px;letter-spacing:-0.38px;text-align:center;white-space:nowrap;}
.nav-type01 .list .active a{font-weight:700;}
.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;}
/* wbc */
.nav-type01 .list .wbc a{color:#ED1654;}

/* .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;}

/* [내비 타입02] .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;}

/* [내비 타입03] .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;}

/* [내비 타입04] .nav-type04 */
.nav-type04{height:40px;box-sizing:border-box;padding:2.5px 16px 0 16px;background-color:#fff;}

/* [내비 상위] .nav-wrap : 기본
 * 하위 : nav-type01, nav-type04(댓글 본문) */
.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:48px;background-color:#e6e9ec !important;text-align:center;}
.nav-wrap .btn-jebo strong{font-size:15px;line-height:48px;}

/* [내비 상위] .nav-wrap02 : 기본
 * 하위 : nav-type02, nav-type02 */
.nav-wrap02{overflow:hidden;position:relative;width:100%;height:40px;background:#fff;}

/* [내비 타입11] .nav-type11 : 주요 카테고리
 * 기본 : 텍스트 링크
 -- li.on : 특집메뉴
 * style01 : 슬라이드 기능, 1줄 정렬, 우측 그라데이션 효과 */
.nav-type11{overflow:hidden;position:relative;padding-right:20px;padding-left:20px;
-webkit-transition:opacity 0.25s ease-in;
transition:opacity 0.25s ease-in;}
.nav-type11 .list{overflow:visible;box-sizing:border-box;font-size:0;}
.nav-type11 .list.swiper-wrapper{overflow:visible;flex-wrap:wrap;}
.nav-type11 .list li{display:inline-block;width:auto;box-sizing:border-box;margin-right:8px;margin-bottom:16px;border-radius:4px;background-color:#f2f4f8;}
.nav-type11 .list a{display:block;position:relative;box-sizing:border-box;min-width:42px;padding:0 8px;font-weight:500;font-size:14px;line-height:32px;color:#000;text-align:center;white-space:nowrap;letter-spacing:-0.35px;}
/* li.on 활성화 : (기본)특집메뉴
 * worldcup : 카타르 월드컵 */
.nav-type11 .list li.on01{border:1px solid #0866c5;background-color:#0068d1;}
.nav-type11 .list li.on01 a{color:#fff;}
.nav-type11 .list li.on02{border:1px solid #FA3A3A;background-color:#FA3A3A;}
.nav-type11 .list li.on02 a{color:#fff;}
/* style01 */
.nav-type11.style01{padding-right:0;
width:-webkit-calc(100% - 72px);width:calc(100% - 72px);}
.nav-type11.style01:after{content:'';display:block;position:absolute;top:0;right:0;z-index:1;width:20px;height:32px;
background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.nav-type11.style01 .list{height:32px;white-space:nowrap;}
.nav-type11.style01 .list.swiper-wrapper{display:block}
.nav-type11.style01 .list li{margin-bottom:0;}
/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	.nav-type11{padding-left:40px;}
	.nav-type11.style01{width:-webkit-calc(100% - 152px);width:calc(100% - 152px);}
}

/* [내비 상위] .nav-wrap11
 * 하위 : nav-type11
 * .nav-wrap11에 있는 padding-top은 .nav-wrap11가 가져야 하는 기본 여백 */
.nav-wrap11{position:relative;z-index:100;padding-top:12px;background-color:#fff;
width:-webkit-calc(100% - 1px);width:calc(100% - 1px);}
.nav-wrap11.fixed{position:fixed;top:56px;left:0;}
.nav-wrap11>[class*='area0']{position:relative;}
.nav-wrap11 .title-type12{display:none;position:absolute;top:-8px;left:0;z-index:1;width:100%;}
.nav-wrap11 .title-type12 .txt{padding-left:20px;}
.nav-wrap11 [class*='btn-type06-open']{position:absolute;top:0;right:20px;z-index:10;}
.nav-wrap11 .area01{padding-bottom:12px;}
.nav-wrap11 .area02{display:none;padding-bottom:14px;}
.nav-wrap11 .area02:only-of-type{padding-bottom:0;}
/* 활성화시 visibility:hidden;*/
.nav-wrap11.active .area01 .title-type12{display:block;}
.nav-wrap11.active .area01 .nav-type11{opacity:0;
-webkit-transition:visibility 0.25s ease-in;
transition:visibility 0.25s ease-in;}
/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	.nav-wrap11.fixed{width:1024px;top:64px;
	left:-webkit-calc(50% - 512px);
	left:calc(50% - 512px);}
	.nav-wrap11 .title-type12 .txt{padding-left:40px;}
	.nav-wrap11 [class*='btn-type06-open']{right:40px;}
}

/* ---- ##헤더 부모영역 | wrap-header ---- */
/* .wrap-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:56px;z-index:0;width:100%;background-color:#fff;}
.wrap-header01 .nav-wrap02{position:absolute;left:0;top:56px;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;}

/* 퀵메뉴가 fixed 상태가 되었을 때
* 확장형에서 width 100% 시 좌측 영역에 가려지지 않게 하기 위함 */
body.quickmenu-mode .content01{z-index:1;}

/* 메인 해더 */
.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{overflow:hidden;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;}

/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	/* [레이아웃 공통] */
	body{background-color:#f3f3f3;}
	.wrapper{width:1024px;min-height:100%;height:auto;box-sizing:border-box;margin:0 auto;background-color:#fff;}

	/* [헤더 타입, 헤더 상위] */
	[class*='wrap-header']{width:1024px;
	left:-webkit-calc(50% - 512px);
	left:calc(50% - 512px);}
	.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;}
}

/* ---- ##컨테이너 | container (common) ---- */
.wrap-container{position:relative;z-index:10;min-height:100%;margin:0 auto;}
/* 이슈본문 삭제 기사 안내 문구 대응하면서 추가됨 */
.body-view-issue .wrap-container{min-height:auto;}

/* 2022-03-25 : 카카오스토리앱 웹뷰
 -- 시스템 다크모드일때 카스앱 웹뷰에서 배경색이 #000 나오면서 텍스트가 보이지 않아 #fff 추가 */
.container{position:relative;z-index:10;background-color:#fff;}
.container:after{content:'';display:block;clear:both;}
.container>[class*='content']{font-size:0;}

/* ---- ##여백 : 레이아웃 상단 여백 ---- */
/* 기본 : 56px
 * .page-portal : 가두리
 * [class*='body-view-'] : 본문 공통 */
.container{padding-top:56px;}

/* 기본 : 헤더 104 + 여백 6
 * .page-visual : 비주얼 뉴스 */
.page-visual .container{padding-top:110px;}

/* 여백 : 헤더 56 + 여백 20
 -- 헤더만 있을 때
 -- .body-news-list : 최신기사, 섹션 하위 리스트
 -- .body-news-sub : 섹션 메인 (북한)
 -- .body-issue-sub : 이슈 돋보기
 -- .body-view-issue : 이슈 돋보기 본문
 -- .body-theme-list : 테마별 뉴스 */
.body-news-list .container,
.body-news-sub .container,
.body-issue-sub .container,
.body-view-issue .container,
.body-theme-list .container{padding-top:76px;}

/* 여백 : 헤더 56 + 내비 48 + 여백 10
 -- 헤더 + 내비게이션
 -- body[data-nav] : 섹션 메인/리스트 (2depth 발생)
 -- .page-search : 검색 페이지 */
[data-nav] .container{padding-top:114px;}

/* 여백 : 헤더 56 + 내비 40 + 여백 10
 -- 헤더, 내비(본문으로 가기)
 -- .page-comment[class*='body-view-'] : 본문 - 댓글 */
.page-comment[class*='body-view-'] .container{padding-top:96px;}

/* 대형 프레임 : 1024px 이상
 * 레이아웃 > 컨테이너 */
@media only screen and (min-width:1024px){

	/* 이슈본문 삭제 기사 안내 문구 대응하면서 추가됨
	 * 500px 은 푸터 높이 */
	.body-view-issue .wrap-container{min-height:-webkit-calc(100% - 500px);min-height:calc(100% - 500px);}

	/* 기본 : 54 → 64
	 * .page-portal : 가두리
 	 * [class*='body-view-'] : 본문 공통 */
	.container{padding-top:64px;}

	/* 기본 : 40 + (50 → 64)
	 * .page-visual : 비주얼뉴스 */
	body.page-visual .container{padding-top:120px;}

	/* 여백 : (56 → 64) + 16
	-- 헤더만 있을 때
	-- .body-news-list : 최신기사, 팩트체크, 전국 > 나눔동행 등
	-- .body-issue-sub : 이슈 돋보기
	-- .body-view-issue : 이슈 돋보기 > (기사/포토/그래픽/영상) 홈
	-- .body-news-sub : 뉴스섹션 탑뉴스 , 비주얼뉴스 > 영상 등
	-- .body-theme-list : 테마별 뉴스 */
	.body-news-list .container,
	.body-issue-sub .container,
	.body-theme-list .container{padding-top:80px;}
	/* 이슈본문이 레이아웃 타입01에서  02로 변경되면서 간격 변경됨 */
	.body-view-issue .container{padding-top:64px;}

	/* 이슈돋보기 단발성 이슈 */
	.body-view-issue02 .container{padding-top:80px;}
	.body-view-issue02 .box-type20 [class*='title-con']{margin-top:-16px;}

	/* 여백 : (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;}
}

/* ---- ##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) */

/* 중형 프레임 : 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;}

	/* [중앙세로줄] */
	.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);}

	/* [하단 가로줄] */
	.layout02 .content03,
	.layout04 .content03{border-bottom:1px solid #d3d6d7;}
	.layout03 .content04,
	.layout04 .content04{border-top:1px solid #d3d6d7;}

	/* [기사본문] */
	[class*='body-view-'] .content01{width:50%;} /* left */
	[class*='body-view-'] .content02{width:50%;} /* right */

	/* [이슈돋보기] */
	[class*='page-issue'] .wrapper:after{left:50%;}
	[class*='page-issue'] .content01{width:50%;}
	[class*='page-issue'] .content02{width:50%;}
	/* 본문이 짧은 경우 중앙세로줄이 푸터까지 닿게 한다. */
	.body-view-issue .content01,
	.body-view-issue .content02{min-height:100vh;}
	.body-view-issue .layout02 .content03,
	.body-view-issue .layout04 .content03{border-bottom:none;}

} /* Media Query End (768px) */

/* ---- ##푸터 | footer (common) ---- */
/* [푸터 > 소셜메뉴]
 * .sns-link01  */
.sns-link01{font-size:0;text-align:left;}
.sns-link01 li,
.sns-link01 dd{display:inline-block;}
.sns-link01 li+li,
.sns-link01 dd+dd{margin-left:12px;}

/* [푸터 > 외국어 뉴스 링크]
 * .txt-lang : 기본 숨김, 대형 확장 레이아웃에서 노출
 * (신규SVG) #svgArrow014 */
.lang-link01{width:90px;}
.lang-link01 a.txt-lang:after,
.lang-link01 .btn-pick:before{background:url(../img/sprites_object01.svg) -25px -275px no-repeat;background-size:300px auto;}
.lang-link01 .txt-lang{display:none;}
.lang-link01 a.txt-lang:after{content:'';position:absolute;right:-2px;top:50%;width:12px;height:7px;
-webkit-transform:translateY(-50%) rotate(90deg);
transform:translateY(-50%) rotate(90deg);}
.lang-link01 .btn-pick,
.lang-link01 .list01{border-radius:4px;border:1px solid #eee;background-color:#fff;}
.lang-link01 .btn-pick .txt,
.lang-link01 .list01>li a{padding:0 12px;height:28px;font-size:12px;line-height:28px;letter-spacing:-0.3px;color:#000;}
.lang-link01 .btn-pick{width:100%;text-align:left;}
.lang-link01 .btn-pick:before{content:'';display:block;clear:both;position:absolute;right:12px;top:50%;width:12px;height:7px;
-webkit-transform:translateY(-50%) rotate(180deg);
transform:translateY(-50%) rotate(180deg);}
.lang-link01.active .btn-pick:before{
-webkit-transform:translateY(-50%) rotate(0);
transform:translateY(-50%) rotate(0);}
.lang-link01 .list01{display:none;margin-top:4px;padding:10px 0;font-size:0;text-align:left;}
.lang-link01 .list01>li{display:block;}
.lang-link01 .list01>li+li{margin-top:5px;}

/* [푸터 > 전체메뉴]
 * (신규SVG) #svgArrow014 */
.menu-wrap01{text-align:left;}
.menu-wrap01 ul{font-size:0;text-align:left;}
.menu-wrap01 ul a{font-size:13px;line-height:36px;color:#666;letter-spacing:-0.3px;}
.menu-wrap01 .dep01>li{display:block;}
.menu-wrap01 .dep01>li+li{margin-top:8px;}
.menu-wrap01 .dep01>li>a{display:block;position:relative;padding:0 12px;border-radius:4px;border:1px solid #eee;background-color:#fff;color:#000;}
.menu-wrap01 .dep01>li>a:after{content:'';position:absolute;right:11.5px;top:50%;width:12px;height:7px;background:url(../img/sprites_object01.svg) -25px -275px no-repeat;background-size:300px 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 12px 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;}

/* [푸터 상위] .wrap-footer */
.wrap-footer{position:relative;z-index:20;}
.footer-type01{padding:15px 20px 40px;background-color:#f4f6f8;color:#666;}
.footer-type01 .list-text05{margin:18px 0 20px;}
.footer-type01 .menu-wrap01+.list-text05{margin-top:44px;}
.footer-type01 .lang-link01{position:absolute;top:20px;right:20px;}
.footer-type01 .sns-link01{margin:30px 0 18px;}
.footer-type01 .txt-copy{font-size:11px;color:#999;text-align:left;}

/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	/* [푸터 > 전체메뉴] */
	.menu-wrap01{padding:0;margin:30px 0 66px;}
	.menu-wrap01 .logo-yna02{margin-bottom:31px;}
	.menu-wrap01 .dep01{display:table;border-left:1px solid #a7a7a7;}
	.menu-wrap01 .dep01>li{display:table-cell;width:112px;padding:0 16px;border-right:1px solid #a7a7a7;}
	.menu-wrap01 .dep01>li:first-child{width:224px;}
	.menu-wrap01 .dep01>li>a{display:inline-block;margin-top:-5px;padding-left:0;background-color:transparent;border:none;color:#000;}
	.menu-wrap01 .dep01>li>a:not([href='#none']){padding-right:16px;}
	.menu-wrap01 .dep01>li>a:not([href='#none']):after{right:-2px;
	-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:112px;}

	.footer-type01 .list-text05{position:absolute;top:455px;left:47px;margin:0;padding-top:2.5px;}
	.footer-type01 .list-text05 ul{display:inline-block;width:auto;margin:0;}
	.footer-type01 .list-text05 li+li{margin-left:8px;}

	/* [푸터 > 소셜메뉴] */
	.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:106px;top:114px;width:159px;}
	.footer-type01 .lang-link01 .btn-pick{display:none;}
	.footer-type01 .lang-link01 .txt-lang{display:inline-block;position:relative;margin-top:-5px;padding:4px 16px 4px 0;white-space:nowrap;}
	.footer-type01 .lang-link01 .list01{display:block;box-sizing:border-box;width:100%;margin:0;padding:0 35px 0 0;border-radius:0;border:none;background-color:transparent;}
	.footer-type01 .lang-link01 .list01>li{display:block;width:100%;margin:4px 0 0;text-align:left;}
	.footer-type01 .lang-link01 .list01>li a{min-width:39px;padding-left:0;}

	/* [푸터 상위] .wrap-footer */
	/* .footer-wrap{} */
	.footer-type01{padding:32px 50px 79px;text-align:center;}
	/* footer : 공통 폰트스타일 */
	.footer-type01 .menu-wrap01 .dep01>li>a,
	.footer-type01 .menu-wrap01 .dep02>li>a,
	.footer-type01 .lang-link01 .txt-lang,
	.footer-type01 .lang-link01 .list01>li a{font-size:14px;line-height:36px;color:#666;}
	.footer-type01 .menu-wrap01 .dep01>li>a,
	.footer-type01 .lang-link01 .txt-lang{font-weight:500;color:#000;}
	.footer-type01 .txt-copy{clear:both;padding-top:20px;text-align: center;}
}

/* 스크롤탑 버튼 숨김 */
.btns-sticky{display:none;}
/* PC버전 버튼
 * 모바일웹 노출 / 앱 숨김 */
.list-text03 .list>li.btn-pc-version,
.list-text05 li.btn-pc-version{display:none;}
.body-web .list-text03 .list>li.btn-pc-version,
.body-web .list-text05 li.btn-pc-version{display:inline-block;}

/* =============== ####팝업 ======================== */
/* 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 비활성 */

/* ---- ##팝업 | 공통 ---- */
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;}

/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	body.popup-mode .wrapper{left:-webkit-calc(50% - 512px);left:calc(50% - 512px);}
}

/* ---- ##팝업 유형 ---- */
/* 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:56px;box-sizing:border-box;padding:0 54px 0 117px;border-bottom:1px solid #f2f4f8;}
.popup-whole-menu .pop-header [class*='logo-yna']{position:absolute;left:15px;top:0;}
.popup-whole-menu .pop-header .btn-close03{position:absolute;right:3px;top:0;}
/* 56 + 24 = 127 */
.popup-whole-menu .pop-content{padding-top:0;background-color:#f4f6f8;
height:-webkit-calc(100% - 80px);
height:calc(100% - 80px);}
.popup-whole-menu .search-zone{padding:24px 20px 15px;background-color:#fff;}
.popup-whole-menu .search-zone .search-type01 .input01,
.popup-whole-menu .search-zone .search-type01 [class*='btn-srch02']{z-index:-1;}
.popup-whole-menu .scroller{overflow:hidden;box-sizing:border-box;height:100%;padding:0 0 71px;background-color:#fff;}
/* 가로모드 및 키보드로 인해 가져야하는 여백 47px */
/* .popup-whole-menu .scroller{overflow:hidden;box-sizing:border-box;padding:0 0 71px;background-color:#fff;
height:-webkit-calc(100% - 47px);
height:calc(100% - 47px);} */
.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:20px;}
.popup-whole-menu .list-text04 .list>li:last-child{padding-right:20px;}
.popup-whole-menu .aside-box09{margin:21px 0 38px;}
.popup-whole-menu .list-text03 li{width:50%;}
.popup-whole-menu .sns-link01{margin:11px 0 10px;}
/* 전체메뉴 : 서브메뉴박스
 * menu-box : 기본, 배경색 없음
 * menu-box01 : border-top
 * menu-box11 : 배경색 #f4f6f8 */
.popup-whole-menu [class*='menu-box']{box-sizing:border-box;margin:21px 20px 0;}
.popup-whole-menu .menu-box01{padding-top:23px;border-top:1px solid #f1f1f1;}
.popup-whole-menu .menu-box11{margin-right:0;margin-left:0;padding:20px;background-color:#f4f6f8;}
.popup-whole-menu .menu-box01 + .menu-box11{margin-top:31px;}
.popup-whole-menu .menu-box .title-con03{margin-bottom:9px;}
/* 소형 프레임 : 415px 이하 */
@media only screen and (min-width:415px){
	.popup-whole-menu{width:414px;}
}
/* 전체메뉴 로그인 버튼 숨김 (2022-03-30) */
.popup-whole-menu .btn-whole-login{display:none !important;}

/* ---- ##popup-type01 | 최신기사, 뉴스 검색 ---- */
/* 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;box-sizing:border-box;width:100%;height:56px;border-bottom:1px solid #f2f4f8;}
.popup-type01 .pop-header [class*='logo-yna']{position:absolute;left:15px;top:0;}
.popup-type01 .pop-header .btn-close03{position:absolute;right:12px;top:0;}
.popup-type01 .pop-header .area{overflow:hidden;display:block;padding:15px 50px 11px 52px;font-size:0;text-align:left;}
.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;}

/* 최신기사 : popup-type01 확장형
 * 헤더 82 / 검색창 103 / 푸터 78 */
.popup-type01.pop-latest .pop-header{padding-left:0;letter-spacing:-0.35px;}
.popup-type01.pop-latest .pop-header .tit01{margin:0 10px 0 14px;font-weight:bold;font-size:15px;}
.popup-type01.pop-latest .pop-header .txt-mes{font-size:14px;}
.popup-type01.pop-latest .pop-content{
height:-webkit-calc(100% - 56px);
height:calc(100% - 56px);}
.popup-type01.pop-latest .list-type02 [class*='news-con'] .tit-news{font-weight:500;letter-spacing:-0.4px;}
.popup-type01.pop-latest .list-type02 .news-con02{display:block;height:44px;}
.popup-type01.pop-latest .list-type02 .news-con02 .info-box{padding-top:3px;text-align:right;}
.pop-latest .pop-content .scroller{height:100%;padding:0 20px;}
.pop-latest .pop-content .btns-wrap03{height:78px;margin-top:10px;}
/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	.popup-type01.pop-latest.fixed{right:0;width:78%;}
}

/* 뉴스 검색 : popup-type01 확장형
 * 헤더 82 / 검색창 103 / 푸터 78 */
.pop-search .pop-header .btn-close03{position:absolute;right:3px;top:0;}
.pop-search .pop-content{overflow:hidden;padding:24px 0 0;
height:-webkit-calc(100% - 156px);
height:calc(100% - 156px);}
.pop-search .search-zone{margin:0 20px;}
.pop-search .search-zone .option-con{margin:17px 0 8px;text-align:right;}
.pop-search .scroller{min-height:72px;padding:0 20px 0;
height:-webkit-calc(100% - 103px);
height:calc(100% - 103px);} /* 103 + 78 */
.pop-search .scroller .list-search{padding-bottom:8px;}
.pop-search .scroller .swiper-slide{overflow-y:auto;box-sizing:border-box;height:100%;}
.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;}
/* 소형 프레임 : 415px 이하 */
@media only screen and (min-width:415px){
	.pop-search.fixed{right:0;width:414px;}
}

/* 모바일용 모드 */
/* 모바일 폼요소 포커스(키패드가 올라왔을 때) */
/* .mobile-web .focus-form{} */
/* 모바일 높이 제한 : iPhone5 기준 (460px : 스크립트로 클래스 추가) */
/* .mobile-web .short-mode{} */

/* 모바일 폼요소 포커스(키패드가 올라왔을 때) */
.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-footer,
.mobile-web .short-mode .pop-search .pop-footer{position:relative;bottom:auto;}
/* (IOS) */
.mobile-web .ios.focus-form .pop-search,
.mobile-web .ios.short-mode .pop-search{overflow:auto;}
/* (AOS) */
/* .mobile-web .adrd.focus-form .pop-search .pop-content,
.mobile-web .adrd.short-mode .pop-search .pop-content{height:auto;}
.mobile-web .adrd.focus-form .pop-search .pop-content .scroller,
.mobile-web .adrd.short-mode .pop-search .pop-content .scroller{height:auto;} */

/* ---- ##popup-type02 | 폰트크기, SNS공유, 요약문 ---- */
/* popup-type02
 * 가로모드일 때 공통으로 앱과 웹의 세로 크기 다르게 지정
 -- 사파리 브라우저 UI가 노출되어 세로가 더 좁아져 다르게 설정 */
.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;border-radius:8px;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;border-radius:8px;}
.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;}
/* 중형 프레임 : 896px 이하, 가로모드 */
@media only screen and (max-width:896px) and (orientation:landscape) {
	.popup-type02 .pop-wrap{overflow-y:hidden;height:82vh;}
	.body-web .popup-type02 .pop-wrap{height:70vh;}
}

/* 뉴스 공유하기 : popup-type02 확장형
 * 가로모드 : .share-con 부분 스크롤 */
.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;}
/* 중형 프레임 :896px 이하, 가로모드 */
@media only screen and (max-width:896px) and (orientation:landscape) {
	.pop-share01{width:80%;margin-left:-40%;}
	.pop-share01 .pop-wrap{overflow-y:hidden;height:82vh;}
	.pop-share01 .pop-wrap .pop-content{padding:10px 27px;height:-webkit-calc(82vh - 70px);height:calc(82vh - 70px);}
	.pop-share01 .share-con{overflow-y:auto;height:100%;-webkit-overflow-scrolling:touch;}
	.body-web .pop-share01 .pop-wrap{height:70vh;}
	.body-web .pop-share01 .pop-wrap .pop-content{height:-webkit-calc(70vh - 70px);height:calc(70vh - 70px);}
	.body-web .pop-share01 .share-con{height:100%;}
	.pop-share01 .desc-con dt,
	.pop-share01 .desc-con dd{display:inline-block;}
	.pop-share01 .desc-con dt{margin-right:5px;}
}

/* 본문 글자 크기 조정 : popup-type02 확장형 */
.pop-fontsize01{width:311px;padding:0;left:50%;margin-left:-155.5px;}
/* .pop-fontsize01.fixed{} */
.pop-fontsize01 .fsize-con{text-align:center;}
.pop-fontsize01 .fsize-con .list>li{margin-top:3px;}
.pop-fontsize01 .fsize-con .list>li:first-child{margin-top:0;}
.pop-fontsize01 .fsize-con .label-con-radio01{display:block;text-align:left;}
.pop-fontsize01 .fsize-con .txt-label01{display:block;width:100%;box-sizing:border-box;}
.pop-fontsize01 .exam-con{padding:12px 0;line-height:1.6;border:1px solid #001455;color:#000;}
.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;}
.pop-fontsize01 .desc-con{padding:10px 0 11px;font-size:13px;line-height:1.4720;color:#888;}
/* 중형 프레임 :896px 이하, 가로모드 */
@media only screen and (max-width:896px) and (orientation:landscape) {
	.pop-fontsize01 .pop-wrap,
	.body-web  .pop-fontsize01 .pop-wrap{height:160px;}
}

/* 본문 요약서비스 : popup-type02 확장형 */
.pop-summary01{width:311px;padding:0;left:50%;margin-left:-155.5px;}
.pop-summary01 .pop-wrap .pop-content{padding:0 27px 23px;}
.pop-summary01 .desc-con{font-size:13px;line-height:1.4720;color:#888;}
.pop-summary01 .summary-con{margin-top:12px;padding:12px 0;border-top:1px solid #000;border-bottom:1px solid #000;}
.pop-summary01 .summary-con .scroller{overflow-y:auto;height:280px;-webkit-overflow-scrolling:touch;}
.pop-summary01 .summary-con p{font-size:17px;line-height:26px;}
.pop-summary01 .summary-con p+p{margin-top:30px;}
.pop-summary01 .tit01 .btn-more05{width:34px;margin:0 0 0 -16px;}
/* 중형 프레임 : 896px 이하, 가로모드 */
@media only screen and (max-width:896px) and (orientation:landscape) {
	.pop-summary01{width:80%;margin-left:-40%;}
	.pop-summary01 .summary-con .scroller{height:40vh;}
	.body-web .pop-summary01 .summary-con .scroller{height:32vh;}
}

/* ---- ##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 | 포토 넘겨보기 ---- */
/* 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-current{color:#fa3a3a;}
.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 .pop-content{padding:0;}
.popup-type04.pop-flip .pop-content .swiper-pagination-custom{display:none;}
.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;}
/* 모바일앱에서는 하단고정티커 없기 때문에 pdding-bottom 값 제거 */
.popup-type04.pop-flip .item-box .img-con{box-sizing:border-box;padding:53px 0;}
.body-hybrid .popup-type04.pop-flip .item-box .img-con{padding:53px 0 0;}

/* body-remove-ad01
 * 푸터 하단 고정 배너가 없어질 때 body에 추가되는 클래스 */
.body-remove-ad01.fullpop-mode .popup-type04.pop-flip .pop-content .list-type17{height:100%;}
.body-remove-ad01.fullpop-mode .popup-type04.pop-flip .pop-content .list-type17:after{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;}


/* =============== ####소재 ======================== */

/* ----- 본문 글자 크기 조정 ----- */
/* article-font1 : 가장작게
 * article-font2 : 작게
 * article-font3 : 보통 (기본)
 * article-font4 : 크게
 * article-font5 : 가장크게 */
.article-font1 .story-news>p,
.article-font1 .story-news>p.txt-copyright,
.article-font1 .story-news .txt-openurl{margin-bottom:16px;font-size:13px;}
.article-font1 .story-news>span{font-size:13px;}
.article-font1 .story-news .txt-hyper+p{margin-bottom:22px;}
.article-font1 .comp-box{padding:4px 0 20px;}
.article-font1 .comp-box .desc-con{font-size:13px;}
.article-font1 .quote-zone01 p{font-size:13px;}

.article-font2 .story-news>p,
.article-font2 .story-news>p.txt-copyright,
.article-font2 .story-news .txt-openurl{margin-bottom:18px;font-size:15px;}
.article-font2 .story-news>span{font-size:15px;}
.article-font2 .story-news .txt-hyper+p{margin-bottom:24px;}
.article-font2 .comp-box{padding:5px 0 23px;}
.article-font2 .comp-box .desc-con{font-size:13px;}
.article-font2 .quote-zone01 p{font-size:14px;}

.article-font3 .story-news>p,
.article-font3 .story-news>p.txt-copyright,
.article-font3 .story-news .txt-openurl{margin-bottom:19px;font-size:17px;}
.article-font3 .story-news>span{font-size:17px;}
.article-font3 .story-news .txt-hyper+p{margin-bottom:25px;}
.article-font3 .comp-box{padding:5px 0 24px;}
.article-font3 .comp-box .desc-con{font-size:14px;}
.article-font3 .quote-zone01 p{font-size:15px;}

.article-font4 .story-news>p,
.article-font4 .story-news>p.txt-copyright,
.article-font4 .story-news .txt-openurl{margin-bottom:24px;font-size:20px;}
.article-font4 .story-news>span{font-size:20px;}
.article-font4 .story-news .txt-hyper+p{margin-bottom:30px;}
.article-font4 .comp-box{padding:6px 0 30px;}
.article-font4 .comp-box .desc-con{font-size:15px;}
.article-font4 .quote-zone01 p{font-size:16px;}

.article-font5 .story-news>p,
.article-font5 .story-news>p.txt-copyright,
.article-font5 .story-news .txt-openurl{margin-bottom:29px;font-size:24px;}
.article-font5 .story-news>span{font-size:24px;}
.article-font5 .story-news .txt-hyper+p{margin-bottom:34px;}
.article-font5 .comp-box{padding:7px 0 36px;}
.article-font5 .comp-box .desc-con{font-size:16px;}
.article-font5 .quote-zone01 p{font-size:17px;}


/* =============== ####기사본문 레이아웃 ======================== */
.btns-view-wrap{box-sizing:border-box;width:100%;margin:0 16px;text-align:left;}

/* 브레드크럼 / (기존SVG) #svgArrow009 */
.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) -125px -375px / 300px auto no-repeat;
-webkit-transform:translateY(-50%) rotate(90deg);
transform:translateY(-50%) rotate(90deg);}
.nav-path01>li>a,
.nav-path01>li>span{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{font-weight:bold;font-size:24px;line-height:32px;}
.title-article01 .update-time{display:inline-block;margin-top:8px;font-size:14px;line-height:35px;color:#636363;}
.title-article01 .option-box{}
.title-article01 .option-box .util-con{position:absolute;bottom:3px;right:0;font-size:0;}
.title-article01 .option-box .util-con [class*='btn-type']{margin-left:17px;}
.title-article01 .option-box .util-con [class*='btn-type']:first-child{margin-left:0;}
/* 본문 제목 - 글기사 - 공통여백처리 */
[class*='body-view'] .title-article01{padding-top:10px;}

/* 본문 제목 - 포토 */
/* .title-article21{} */
/* 본문 제목 - 그래픽 */
/* .title-article31{} */
/* 본문 제목 - 영상 */
/* .title-article41{} */

/* 다국어 링크 / #svgArrow008 */
.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) -100px -350px / 300px auto no-repeat;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);}

/* 댓글 영역 */
.comment-zone{padding:20px;}

/* 기사 본문 공통
 * 본문내광고 float해제 */
.article-wrap .story-info{clear:both;}

/* 관련기사+관련이슈 */
.box-type12.detail-issue01{margin-top:0;padding-top:0;}
.box-type12.detail-related+.box-type12.detail-issue01{margin-top:-6px;}
/* 중형 프레임 : 768px 이상 */
@media only screen and (min-width:768px){
	.article-wrap{width:600px;margin:0 auto;}
	.article-wrap [class*='title-article'] .tit{font-size:33.6px;line-height:1.414270;}
	.article-wrap .title-article01,
	.article-wrap .link-site,
	.article-wrap .story-news .tit-sub,
	.article-wrap .story-news>p,
	.article-wrap .story-news>span,
	.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 .title-article01,
.article-deleted .link-site,
.article-deleted .story-news,
.article-deleted .story-info{display:none !important;}

/* 영상 본문 : 더건강 로고 */
.article-wrap>.title-con21{margin:10px 0 12px;}

/* =============== ####컨트롤 : 웹 (Body Class - Control) ======================== */

/* 예외 - OK제보, 테마별뉴스 > 긴급뉴스
 -- 헤더 + 메세지박스 */
.body-news-list [class*='content0']>.hidden-obj:first-child+[class*='box-type'] .title-con01.bg12,
.body-theme-list  [class*='content0']>.hidden-obj:first-child+[class*='box-type'] .title-con01.bg12{margin-top:-20px;}

/* 예외 - 사람들 > 인사, 부고
 -- 헤더 + 내비게이션 + 메세지박스 */
[data-nav] [class*='content0']>.hidden-obj:first-child+[class*='box-type'] .title-con01.bg12{margin-top:-10px;}

/* ---- ##여백 : 컨텐츠 사이 여백 ---- */
/* 기본 : 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
 * 서브 섹션 : 정정보도 추가시 주요기사01과의 간격 */
.box-corrected01+.box-major01{margin-top:16px;}

/* 예외 - 정정보도 + 최신기사
 * 서브 리스트 */
.body-news-list .box-corrected01.bg11{padding-bottom:20px !important;}
.body-news-list .box-corrected01.bg11+.box-latest01.bg11{margin-top:0;}
.body-news-list .box-corrected01.bg11:after,
.body-news-list .box-corrected01.bg11+.box-latest01.bg11:before{display:none;}

/* 예외 - 정정보도 + 문화 섹션별주요뉴스05
 * 문화 섹션주요기사 2번째 정정보도 기사 배치
 * 정정보도가 배치되면 기사건수가 5 → 4건으로 줄어든다. */
.box-corrected02{position:relative;}
.box-corrected02>a{overflow:hidden;position:absolute;top:181px;left:18px;z-index:1;width:408px;height:32px;}
.box-corrected02 .tit-news{overflow:hidden;box-sizing:border-box;max-width:100%;font-weight:500;font-size:16px;line-height:25px;letter-spacing:-0.4px;text-overflow:ellipsis;vertical-align:top;word-break:keep-all;white-space:nowrap;}
.box-corrected02+.box-major-category .list-type02 .list>li:nth-child(2){margin-top:64px;}
.box-corrected02+.box-major-category .list-type02 .list>li:nth-child(n + 5){display:none;}

/* ---- ##여백 : 타이틀과 컨텐츠 사이 여백 ---- */
/* 기본 */
.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;}

/* .layout02 .content01 첫번째 콘텐츠 상단 구분선 추가 */
.layout02 .content01>[class*='box-type']:first-child,
.layout02 .content01>[class*='aside-box']:first-child,
.layout02 .content01>[class*='aside-text']:first-child{padding-top:32px;}
.layout02 .content01>[class*='box-type']:first-child:before,
.layout02 .content01>[class*='aside-box']:first-child:before,
.layout02 .content01>[class*='aside-text']:first-child:before{display:block;}

/* 예외 - 이슈 본문 */
.body-view-issue .layout02 .content01>[class*='box-type']:first-child{padding-top:0;}
.body-view-issue .layout02 .content01>[class*='box-type']:first-child:before{display:none;}
.body-view-issue .box-type80{margin-bottom:80px;}

/* 이슈돋보기 단발성 이슈 */
.body-view-issue02 .header-type02 .title-type03{display:none;}
.body-view-issue02 .box-type20.bg11{margin-top:0;}
.body-view-issue02 .title-con01.bg12 .txt-mes11{padding:13px 0;font-size:18px;line-height:25px;letter-spacing:-0.45px;font-weight:bold;}
.body-view-issue02 .box-type80{margin-bottom:50px;}

/* 예외 - 비주얼 메인 */
.page-visual [class*='content0']>.hidden-obj:first-child+[class*='box-type'],
.page-visual [class*='content0']>.hidden-obj:first-child+.hidden-obj+[class*='box-type']{margin-top:10px;}

/* 예외 - 영상본문 */
/* .body-view-video .layout02 .content02>[class*='box-type']:first-child,
.body-view-video .layout02 .content02>[class*='aside-box']:first-child{margin-top:14px;} */

/* 중형 프레임 : 768px 이상 */
@media only screen and (min-width:768px){
	[class*='content0']>[class*='box-type']:first-child{margin-top:-6px;}
	/* 예외 - 메인, 이슈본문 */
	.page-main [class*='content0']>[class*='box-type']:first-child{margin-top:0;}
	.body-view-issue [class*='content0']>[class*='box-type']:first-child{margin-top:0;}
	.body-view-issue [class*='content0']>[class*='box-type'].box-type80{margin-top:40px;margin-bottom:80px;}

	/* 예외 - 본문 */
	.layout02 .content01>[class*='box-type']:first-child,
	.layout02 .content01>[class*='aside-box']:first-child,
	.layout02 .content02>[class*='box-type']:first-child,
	.layout02 .content02>[class*='aside-box']:first-child{margin-top:23px;}

	/* .layout01 .content01 첫번째 콘텐츠 하단 구분선 제거
	 * 예외 - 라이프 메인, 오피니언 메인, 사람들 메인 */
	.layout01 .content01>.hidden-obj:first-child+[class*='box-type'].bg11:after{display:none;}
	.page-life.body-news-sub .layout01 .content01>.hidden-obj:first-child+[class*='box-type'].bg11:after,
	.page-opin.body-news-sub .layout01 .content01>.hidden-obj:first-child+[class*='box-type'].bg11:after,
	.page-people.body-news-sub .layout01 .content01>.hidden-obj:first-child+[class*='box-type'].bg11:after{display:block;bottom:0;}

	/* .layout02 .content01 첫번째 콘텐츠 상단 구분선 제거 */
	.layout02 .content01>[class*='box-type']:first-child,
	.layout02 .content01>[class*='aside-box']:first-child,
	.layout02 .content01>[class*='aside-text']:first-child{padding-top:0;}
	.layout02 .content01>[class*='box-type']:first-child:before,
	.layout02 .content01>[class*='aside-box']:first-child:before,
	.layout02 .content01>[class*='aside-text']:first-child:before{display:none;}
	/* 기사 리스트의 좌측 첫번째 콘텐츠의 하단 구분선 제거 */
	.body-news-list [class*='content0']>.hidden-obj:first-child+[class*='box-type'].bg11:after,
	.body-news-list [class*='content0']>.hidden-obj:first-child+.hidden-obj+[class*='box-type'].bg11:after{display:none;}
}

/* ---- ##여백 : 마지막 컨텐츠 하단여백 ---- */
/* 기본 : 30px */
.layout01 .content01>[class*='box-type']:last-child,
.layout01 .content02>[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}

/* .content02 마지막 콘텐츠 하단 구분선 제거 */
.content02>[class*='box-type'].bg11:last-child:after,
.content02>[class*='aside-box'].bg11:last-child:after{display:none;}

/* 예외 - BG박스 : 0 */
.content02>[class*='aside-box'].bg11:last-child,
.content02>[class*='box-type'].bg11:last-child{margin-bottom:0;}

/* 예외 - .layout05 .content03 마지막 콘텐츠 하단 구분선 제거 */
.layout05 .content03>[class*='aside-box'].bg11:last-child:after,
.layout05 .content03>[class*='box-type'].bg11:last-child:after{display:none;}

/* 예외 : 오피니언 > 전문기자
 * 상단 구분선 제거 */
/* 중형 프레임 : 767px 이하 */
@media only screen and (max-width:767px){
	.page-opin-jour .layout01 .content02 > [class*='box-type'].bg11:first-child{margin-top:-25px;padding-top:23px;}
	.page-opin-jour .layout01 .content02 > [class*='box-type'].bg11:first-child:before{display:block;}
}
.page-opin-jour .layout01 .box-latest01.bg11{padding-top:0 !important;}
.page-opin-jour .layout01 .box-latest01.bg11:before,
.page-opin-jour .layout01 .box-latest01.bg11:after{display:none !important;}

/* 예외 : 테마별뉴스
 * 상단 구분선 제거 */
.body-theme-list .layout01 .box-type21 + .box-type20.bg11{margin-top:-18px !important;padding-top:0 !important;}
.body-theme-list .layout01 .box-type21 + .box-type20.bg11:before,
.body-theme-list .layout01 .box-type21 + .box-type20.bg11:after{display:none !important;}

/* 중형 프레임 : 768px 이상 */
@media only screen and (min-width:768px){
	.layout01 .content01>[class*='box-type'].bg11:last-child,
	.layout01 .content01>[class*='box-type'].bg11:last-child{padding-bottom:0;}

	/* 마지막 콘텐츠 하단 구분선 제거 */
	/* .layout01  */
	.layout01 [class*='content0']>[class*='box-type'].bg11:last-child:after,
	/* .layout02  */
	.layout02 .content01>[class*='box-type'].bg11:last-child:after,
	.layout02 .content01>[class*='aside-text'].bg11:last-child:after,
	.layout02 .content01>[class*='aside-box'].bg11:last-child:after,
	.layout02 .content02>[class*='box-type'].bg11:last-child:after,
	.layout02 .content02>[class*='aside-text'].bg11:last-child:after,
	.layout02 .content02>[class*='aside-box'].bg11:last-child:after{display:none;}
}

/* ---- ##여백 : BG박스 ---- */
/* 기본
 * 상단 : 34
 * 하단 : 34
 * BG박스연속 : 0 */
[class*='box-type'][class*='bg0'],
[class*='box-type'][class*='bg1']{margin-top:23px;}
[class*='box-type'][class*='bg0']+[class*='box-type']{margin-top:30px;}
[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;}

/* 중형 프레임 : 768px 이상
 * 첫 컨텐츠 확장 : -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;}

/* 마켓+ 슬라이드 */
[class*='box-type'].bg11.box-market-slide01{padding-top:45px !important;padding-bottom:30px;}

/* 대형 프레임 : 1024px 이상
 * 마켓 마켓인 좌우여백 유지 */
@media only screen and (min-width:768px) {
	.box-type09.box-market-person01 .list-type11{padding:0 20px;}
}

/* ---- ##여백 : 더보기 버튼 ---- */
/* 기본 높이 : 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,
.tab-content .list-type41+.dev-btns-count-wrap,
.tab-content .list-type42+.dev-btns-count-wrap{margin-top:6px;}

/* 리스트 불러오는 더보기 버튼 하단 여백 : 30 */
.layout05 .content03 [class*='list-type']+.btns-count-wrap{margin-bottom:30px;}
.page-main .layout05 .content03 [class*='list-type']+.btns-count-wrap{margin-bottom:0;}

/* 중형 프레임 : 768px 이상 */
@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;}
/* 광고영역 상하단 구분선 */
[class*='aside-text'].bg11,
[class*='aside-box'].bg11{padding-top:0;padding-bottom:40px;}
[class*='aside-text'].bg11:before,
[class*='aside-text'].bg11:after,
[class*='aside-box'].bg11:before,
[class*='aside-box'].bg11:after{content:'';clear:both;position:absolute;width:100%;height:10px;background-color:#f1f4f8;}
[class*='aside-text'].bg11:before,
[class*='aside-box'].bg11:before{display:none;top:0;}
[class*='aside-text'].bg11:after,
[class*='aside-box'].bg11:after{display:block;bottom:0;}

[class*='aside-box'] [class*='bnr-wrap']{width:-webkit-calc(100% - 40px);width:calc(100% - 40px);margin:0 auto;}
/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	.layout05 [class*='aside-box'] [class*='bnr-wrap']{width:-webkit-calc(100% - 80px);width:calc(100% - 80px);margin-right:auto;margin-left:auto;}
}

/* content0* 첫 광고 : 0 */
[class*='content']>[class*='aside-'][class*='bg0']:first-child{margin-top:0;}

/* 중형 프레임 : 768px 이상 */
@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;}

	.content03>article>[class*='aside-text'][class*='bg1']:last-child:after,
	.content03>article>[class*='aside-box'][class*='bg1']:last-child:after{display:none;}
}

/* 기사본문 광고 */
.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-text']{margin-top:16px;}
/* [class*='aside-box']+[class*='aside-box']]{margin-top:16px;} */

/* BG박스 + BG박스 : 0 */
[class*='bg0']:not(.hide)+[class*='bg0']{margin-top:0;}

/* 예외 - 영상본문 5줄 텍스트 광고 배경과 하단 구분선 제거 */
.body-view-video .aside-text02.bg11{padding-bottom:0;}
.body-view-video .aside-text02.bg11:after{display:none;}

/* 예외 - #asideJoyninfo : (항상) 상하단 24 (박스타입과 동일) */
#asideJoyninfo{margin:24px 0;}

/* 예외 - .aside-box06 : (항상) 상단 24 / 하단 34 */
.aside-box06{margin-top:30px;}

/* 예외 - .aside-box13 : BG박스 상단 여백 */
.aside-box13 + .aside-box07.bg01{margin-top:0;padding-top:16px;}

/* 개편 검수확인하면서 코드 추가
 -- .aside-box+.aside-box = margin-top 16 선언으로 추가했지만
 -- .aside-box+.aside-box 사용 안할 거라서 본문 간격 작업 완료 후 삭제 예정
 -- 글기사본문
 * 예외 : (텍스트광고 3 + 배너) + 광고박스 */
/* .aside-box04 + .aside-box12{margin-top:24px;} */

/* ---- ##공통 ---- */
/* 앱에서 웹뷰 사용시 숨김처리
 * 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;} */

/* 본문 - 오래 머문 뉴스
 * detail-long-stay01 */
.box-type02.detail-long-stay01 [class*='title-con22']{margin-bottom:0;}

/* ---- ##메인(Main) ---- */
/* [톱기사]
 * none-mode : 섬네일이 없는 경우 */
[class*='top-main-news'] .none-mode .item-box{border-top:1px solid #d3d6d7;}
.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%;}
/* 중형 프레임 : 768px 이상 */
@media only screen and (min-width:768px){
	.top-main-news01 .news-type03{padding-top:20px;}
}

/* [메인 뉴스라이브] */
.main-livetv{margin-top:0 !important;}
/* 중형 프레임 : 768px 이상 */
@media only screen and (min-width:768px){
	.main-livetv [class*='news-type0']{padding-top:0 !important;}
	.main-livetv [class*='news-type0'] .vid-con[class*='ratio']{width:504px;height:305px !important; margin:0 auto;padding-top:0 !important;}
}

/* [메인톱통단21 - 기획코너] */
.main-top-wide21-title+[class*='box-type'],
.main-top-wide21-title+[class*='aside-box']{margin-top:0;}
.main-top-wide21-title+[class*='box-type30'].bg14{padding-top:11px;}

/* [심야시간 톱기사] */
.main-midnight01{min-height:333px;margin-bottom:24px;}
.main-midnight01 ~ [class*='top-wide'],
.main-midnight01 ~  [class*='top-main-news']{margin-top:0;}
/* 중형 프레임 : 768px 이상 */
@media only screen and (min-width:768px){
	.main-midnight01 ~ .top-main-news01 .news-type03{padding-top:0;}
	.main-midnight01 ~ [class*='box-type30'].top-wide21.bg14{padding-top:0;margin-top:-8px;}
}

/* [ 메인 주요뉴스] */
.main-major-news01.bg11{padding-top:0 !important;}
.main-major-news01.bg11:before{display:none !important;}
.main-major-news02[class*='box-type']{padding-bottom:24px;}
/* 2022-03-22 : 앱에서만 광고 중지 요청 MEPS-18315 */
.body-hybrid .main-major-news02[class*='box-type'].bg11:after{display:block;}

.page-main .content01 .aside-box09{margin-top:15px;}
.page-main .content01 .top-wide11 + .aside-box09{margin-top:30px;}
.page-main [class*='box-type'].bg11+[class*='aside-box']{margin-top:-10px;}
.page-main [class*='box-type'].bg11.main-sports+[class*='aside-box']{margin-top:24px;}

/* 메인 기획코너 */
/* 1번째 위치
-- 화면상 위치 : 주요기사01 상단, 퀵메뉴 하단
-- 화면상 위치 : 엠바고 하단
-- 화면 노출은 안되지만 기획코너01 컴포넌트 위로는 기획코너 제목 편집영역이 있음 */
.main-feature-title+[class*="main-feature0"]{padding-top:28px;}
.main-feature-title+[class*="main-feature03"]{padding-top:0;} /* bg14:before라인제거 */
.box-type33.bg14.main-feature03-3368{margin-top:18px;}
/* 2번째 위치
-- 화면상 위치 : 주요기사01 하단
-- 2번째 위치에 기획코너가 있을때 그 다음오는 콘텐츠의 간격 조정 */
.main-major-news01+[class*="main-feature0"].bg14{margin-top:-10px;padding-top:40px;}
.main-major-news01+[class*="main-feature0"].bg14:before{top:12px;}
.main-major-news01+[class*="main-feature0"]+.box-type02.bg11{padding-top:0 !important;}
.main-major-news01+[class*="main-feature0"]+.box-type02.bg11:before{display:none !important;}

/* 스포츠 */
.display-none+.main-sports{margin-top:0 !important;}
.display-none+.main-sports:before{display:none !important;}

/* 유튜브 콘텐츠 */
.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 .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;}

/* 메인 마지막 콘텐츠 간격 제거 */
.page-main .layout05 .content03>[class*='box-type']:last-child{padding-bottom:0;}

/* 중형 프레임 : 768px 이상 */
@media only screen and (min-width:768px){
	/* 메인 특파원 르포, 사람들 main-people01 */
	.layout05 [class*='box-type'].main-intrnal-repo01,
	.layout05 [class*='box-type'].main-people01,
	.layout05 [class*='box-type'].main-journalist{display:inline-block;width:50%;height:287px;padding-bottom:22px;vertical-align:top;}
	.layout05 [class*='main-journalist'].bg11:before{content:'';display:block;clear:both;position:absolute;top:8px;left:0;width:1px;height:257px;background-color:#f1f1f1;z-index:1;}
}

/* ---- ##가두리 ---- */
.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-']{} */

/* [본문] 본문 내 광고 (MEPS-17031) */
.wrapper>.article-boxad{display:none;}

/* 글기사 본문 */
/* .body-view-news{} */

/* 삭제 기사 안내 문구 */
.article-wrap .box-type80{margin-bottom:24px;}

/* 2021-11-05 경선관련 오보 */
.body-AKR20211105078200001 .writer-zone{display:none !important;}

/* ---- ##뉴스섹션 ---- */
/* .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{} */

/* ---- ##경제 ---- */
/* 경제 > 투데이 */
.box-info-today .slide-today01>.list>li:nth-child(1){width:240px !important;}
.box-info-today .slide-today01>.list>li:nth-child(2){width:309px !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;}

/* ---- ##문화 ---- */
/* 2021-05-04 : 문화섹션 '영상','화보/포토무비' 사이 간격 */
.page-culture.body-news-sub .box-photogallery01{margin-top:0;}
/* 중형 프레임 : 767px 이하 */
@media only screen and (max-width:767px){
	.page-culture.body-news-sub .box-photogallery01{padding-top:0;}
}

/* ---- ##사람들 ---- */

/* ---- ##비주얼 공통 ---- */
/* 중형 프레임 : 768px 이상 */
@media only screen and (min-width:768px){
	/* body 태그 : page-visual, body-visual */
	body[class*='-visual'] .content03 [class*='title-con']{padding:0;}
	body[class*='-visual'] .content03 [class*='box-type']{overflow:hidden;}
	body[class*='-visual'] .content03 [class*='box-type'] [class*='title-con'],
	body[class*='-visual'] .content03 [class*='box-type'] [class*='news-type'],
	body[class*='-visual'] .content03 [class*='box-type'] [class*='list-type']{width:640px;margin-right:auto;margin-left:auto;}
	body[class*='-visual'] .content03 [class*='box-type'] [class*='btns-wrap']{width:640px;margin-right:auto;margin-left:auto;padding:0;}

	body[class*='-visual'] .content03 .title-con21 [class*='btn-more']{right:0;}
	body[class*='-visual'] .content03 .list-type03,
	body[class*='-visual'] .content03 .list-type04,
	body[class*='-visual'] .content03 .list-type06{overflow:visible;}
	body[class*='-visual'] .content03 .list-type23{margin:0;}
	body[class*='-visual'] .content03 .video-player-zone{width:640px;margin-right:auto;margin-left:auto;}

	body[class*='-visual'] .content03 .box-type02 [class*='list-type'] .list,
	body[class*='-visual'] .content03 .box-type02 [class*='list-type']>[class*='list']{padding:0;}

	body[class*='-visual'] .content03 .box-type03.bg11{padding-bottom:37px;}
	body[class*='-visual'] .content03 .box-type03.box-video-incident.bg11{padding-bottom:30px;}
	body[class*='-visual'] .content03 .box-type03 .slide-area .list>li{height:230px;}
	body[class*='-visual'] .content03 .box-type03.box-video-incident .slide-area .list>li{height:218px;}
	body[class*='-visual'] .content03 .box-type03 .slide-area{padding:0;}

	body[class*='-visual'] .content03 .box-type16 .list-type16.style02{padding-right:0;padding-left:0;}
}

/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	/* body 태그 : page-visual, body-visual */
	/* 좌우확장 : 슬라이드 컨텐츠 */
	body[class*='-visual'] .content03 .box-type03 [class*='title-con'],
	body[class*='-visual'] .content03 .box-type07 [class*='title-con']{width:640px;box-sizing:border-box;margin-left:auto;margin-right:auto;}
	body[class*='-visual'] .content03 [class*='box-type'].bg02 [class*='title-con']{padding-left:0;}
}

/* 비주얼 뉴스 - 주제별 포토 */
.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-visual .box-photo02 + .box-photo03{margin-top:-10px;}

.page-visual .box-type03 .list-type03 [class*='news-con']{margin-bottom:0;}
.page-visual .layout05 .content03>[class*='box-type']:last-child{margin-bottom:0;}
/* 중형 프레임 : 768px 이상 */
@media only screen and (min-width:768px){
	.page-visual .layout05 .box-type02 [class*='news-type']{padding-right:0;padding-left:0;}
}

/* ---- ##포토 공통 ---- */
/* .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;}
/* 중형 프레임 : 768px 이상 */
@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;}
}
/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	.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{} */
/* 핫뉴스, 톱뉴스, 주요뉴스, 많이본뉴스 */
.body-theme-list [class*='content01']>.hidden-obj:first-child+[class*='box-type20'] .title-con23{margin-top:-8px;}

/* 탭 클릭이벤트 */
.most-viewed-list .list-type42.hide{display:none;}
.most-viewed-list .list-type42.show{display:block;}

/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	.body-theme-list [class*='content01']>.hidden-obj:first-child+[class*='box-type20'] .title-con23{margin-top:-4px;}
}

/* ---- ##기자별 리스트 ---- */
/* 기자 별 리스트 box-type22+box-type23 연속 */
.page-reporter .box-type22+.box-type23{margin-top:28px;}

/* ---- ##검색 결과 페이지 (Search) ---- */
.page-search .content01{padding-bottom:30px;}
.page-search .content01>[class*='box-type']:last-child{margin-bottom:0;}
.page-search .content03{padding-bottom:50px;}
.page-search [class*='item-box'] b{font-weight:bold;color:#0068d1 !important;}
.page-search [class*='item-box'] .lead b{font-weight:500;}
.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;}

/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	.page-search .layout05 [class*='box-type'] [class*='btns-wrap']{padding:0 20px;}
}

/* ---- ##이미지 커버 공통처리 ---- */
/* 개편에서 모두 top 정렬로 변경했기 때문에 코드 삭제 */

/* =============== ####키프레임 & 모션 ======================== */

/* ---- ##(키프레임 정의) 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,0,0);transform:translate3d(0,0,0);}
}
@keyframes motion01-header01{
	0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
	100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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,0,0);transform:translate3d(0,0,0);}
	100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes motion01-header01-rev{
	0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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-view-issue
 * 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,-48px,0);
transform:translate3d(0,-48px,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;} */

/* =============== ####에러 (008300000000) ======================== */
/* 2022-09-27 : page-asis 아님 (구 css 소스와 연관 된 코드 모두 삭제 됨) */
.page-error .container{padding-top:104px;}
.page-error .wrap-container{min-height:auto;}
.wrap-error{max-width:640px;box-sizing:border-box;margin:0 auto;padding:20px 16px 40px;background:#fff;}
.wrap-error .tit-error{display:block;height:0;text-indent:-9999px;background:none;}
.wrap-error .tit-sub{display:block;margin:22px 0;font-weight:bold;font-size:18px;color:#000;}
.wrap-error p{font-size:16px;line-height:22px;color:#6a6a6a;}
.wrap-error .btns-area{display:block;margin:30px 0 0;}
.wrap-error .btn-home{display:inline-block;position:relative;width:100%;height:54px;padding:0 20px;background:#3464a8;text-align:center;}
.wrap-error .btn-home span{display:inline-block;font-weight:500;font-size:18px;line-height:54px;color:#fff;vertical-align:top;}
/* 전체메뉴 배너 숨김
 -- data-cp 의 html 로드방식은 에러페이지에서 실행되지 않아 숨김처리  */
.page-error .popup-whole-menu .pop-content [class*='aside-box']{display:none;}

/* =============== ####ASIS 공통 ======================== */
/* ASIS 작업 현황
 -- 구 css 코드를 그대로 사용하는 페이지
 -- 모바일서비스 (006100000000)
 -- 날씨 (008200000000)
 -- 기사제보 (008601010000)
 -- '/m-kr/home/v01' 경로로 된 이미지를 정리해야함 */
.page-asis .container{padding-top:51px;}

/* =============== ####기사제보 (ASIS - 008601010000) ======================== */
/* 기사제보 스프라이트 이미지 : sprites_jebo01.svg */

/* 기사제보 > 상단 제보하기 텍스트 정보 */
.wrap-jebo{padding:20px 0 30px;}
.wrap-jebo .txt-list01{margin:0 20px;padding:0;border-bottom:none;}
.wrap-jebo .txt-list01 .tit-jebo01{margin-bottom:5px;}
.wrap-jebo .txt-list01 .txt-con>p{font-size:16px;line-height:26px;color:#000;}
.wrap-jebo .txt-list01 .txt01{min-width:55px;}
.wrap-jebo .txt-list01 .link01{display:inline-block;padding:0;color:#0068d1;text-decoration:underline;cursor:default;}

/* 기사제보 > 하단 참고사항 텍스트 안내 */
.wrap-jebo .txt-list02{margin:0 20px;}
.wrap-jebo .txt-list02 li{position:relative;padding:5px 12px;font-size:15px;line-height:1.43;color:#717171;letter-spacing:-0.5px;}
.wrap-jebo .txt-list02 li:before{content:'';display:block;clear:both;position:absolute;top:13px;left:0;width:4px;height:4px;background-color:#f8b534;}

/* 기사제보 > 첨부파일 안내 */
.wrap-jebo .txt-list03{margin:10px 0;}
.wrap-jebo .txt-list03 p{font-size:15px;line-height:24px;color:#000;}
.wrap-jebo .txt-list03 .link01{display:inline-block;padding:0;color:#0068d1;text-decoration:underline;cursor:default;}

/* 기사제보 > 카카오 제보 박스
 * .txt-list04:after : 배경색
 -- .txt-list04 에 배경색 선언시 다크모드일 때 AOS 앱 브라우저에서 대비율 계산으로 색을 변경하여 색 변경을 막기 위해 :after 로 배경 지정함.
 -- 그 후 :after 에 filter 효과 #fae100 색 유지
 -- 이렇게 적용시 IOS의 사파리/크롬, AOS의 크롬 브라우저, AOS 앱 브라우저에서 정상적으로 색 구현.
 * .txt-list04 .tit:before : 카카오 아이콘
 * .txt-list04 .tit:after : 화살표 */
.wrap-jebo .txt-list04{overflow:hidden;display:block;position:relative;box-sizing:border-box;min-height:50px;padding:10px 32px 12px 66px;margin:20px 20px;}
.wrap-jebo .txt-list04:after{content:'';display:block;clear:both;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border-radius:4px;background-color:#fae100;}
.wrap-jebo .txt-list04 .tit,
.wrap-jebo .txt-list04 [class*='txt']{position:relative;z-index:5;}
.wrap-jebo .txt-list04 .tit{display:block;position:absolute;left:0;top:0;width:100%;height:100%;font-size:1px;line-height:1px;color:transparent;text-indent:-9999px;}
.wrap-jebo .txt-list04 .tit:before,
.wrap-jebo .txt-list04 .tit:after{content:'';display:block;clear:both;position:absolute;top:50%;}
.wrap-jebo .txt-list04 .tit:before{left:16px;width:40px;height:36px;margin-top:-18px;background:url(../img/sprites_jebo01.svg?v=20220719_1710) 0 0 / 200px auto no-repeat;}
.wrap-jebo .txt-list04 .tit:after{right:16px;width:16px;height:16px;margin-top:-11px;border:2px solid #3c1e1e;border-right:0 !important;border-bottom:0 !important;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);}
.wrap-jebo .txt-list04 [class*='txt']{display:block;font-weight:normal;font-size:16px;color:#492828;letter-spacing:-1px;}
.wrap-jebo .txt-list04 [class*='txt'] em{font-weight:bold;text-decoration:underline;}
.wrap-jebo .txt-list04 .txt01{margin-top:5px;font-weight:normal;font-size:17px;line-height:1.533em;color:#000;}
.wrap-jebo .txt-list04 .link01{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;text-indent:-9999px;}
@media all and (max-width:320px){
	.wrap-jebo .txt-list04 [class*='txt']{font-size:15px;}
	.wrap-jebo .txt-list04 .txt01{padding-top:13px;font-size:16px;}
}

/* 기사제보 > 폼영역 */
.wrap-jebo .fieldset-report{overflow:hidden;margin:0 20px;}

/* 기사제보 > 삭제버튼
 * 디자인을 다르게 사용할 필요가 없어 하나로 통일
 * .btn-del : 첨부파일의 삭제버튼
 * .btn-reset : 입력필드의 삭제버튼 */
.wrap-jebo .btn-del,
.wrap-jebo .btn-reset{overflow:hidden;display:block;position:relative;text-indent:-9999px;}
.wrap-jebo .btn-del:before,
.wrap-jebo .btn-del:after,
.wrap-jebo .btn-reset:before,
.wrap-jebo .btn-reset:after{content:'';overflow:hidden;display:block;clear:both;position:absolute;top:50%;left:50%;border-radius:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
/* 배경 */
.wrap-jebo .btn-del:before,
.wrap-jebo .btn-reset:before{width:16px;height:16px;background-color:#999;}
/* 아이콘 */
.wrap-jebo .btn-del:after,
.wrap-jebo .btn-reset:after{width:8px;height:8px;background:url(../img/sprites_jebo01.svg?v=20220719_1710) 0 -50px / 200px auto no-repeat;}
/* 크기 */
.wrap-jebo .btn-del{width:52px;height:52px;}
.wrap-jebo .btn-reset{width:40px;height:40px;}

/* 기사제보 > 파일첨부 버튼 */
.wrap-jebo .file-btn-wrap{overflow:hidden;width:100%;font-size:0;}
.wrap-jebo .file-btn-wrap.disabled{opacity:.5;}
.wrap-jebo .image-widget-data{display:inline-block;position:relative;box-sizing:border-box;width:48%;border-radius:4px;vertical-align:top;cursor:pointer;}
.wrap-jebo .image-widget-data + .image-widget-data{margin-left:4%;}
.wrap-jebo .image-widget-data input{position:absolute;top:0;right:0;width:100%;height:100%;font-size:100px;cursor:pointer;opacity:0.01;}
.wrap-jebo .image-widget-data .button{overflow:hidden;display:block;box-sizing:border-box;height:52px;border-radius:4px;background-color:#f2f4f8;font-weight:500;font-size:16px;line-height:52px;color:#000;text-align:center;vertical-align:top;cursor:pointer;}

/* 기사제보 > 첨부파일 목록
 * .progress:before : 첨부 버튼 아이콘
 * .progress:after : 첨부 버튼 배경 */
.wrap-jebo .progress-wrap{overflow:hidden;position:relative;height:52px;margin-top:8px;border:1px solid #ccc;background-color:#fff;border-radius:4px;line-height:52px;}
.wrap-jebo .progress-wrap .progress{overflow:hidden;display:inline-block;position:relative;width:70px;height:52px;text-align:center;}
.wrap-jebo .progress-wrap .progress:before{content:'';display:block;clear:both;position:absolute;top:50%;left:50%;z-index:1;width:16px;height:16px;background:url(../img/sprites_jebo01.svg?v=20220719_1710) 0 0 / 200px auto no-repeat;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);}
.wrap-jebo .progress-wrap .progress.icon-photo:before{background-position-y:-100px;}
.wrap-jebo .progress-wrap .progress.icon-movie:before{width:16px;background-position-y:-125px;}
.wrap-jebo .progress-wrap .progress img{position:relative;z-index:10;width:100%;line-height:52px;vertical-align:middle;}
/* .wrap-jebo .progress-wrap .progress img{position:relative;z-index:10;max-width:100%;max-height:100%;line-height:52px;vertical-align:middle;} */
.wrap-jebo .progress-wrap .txt{display:inline-block;padding-left:10px;font-size:16px;color:#000;vertical-align:top;}
.wrap-jebo .progress-wrap .btn-del{position:absolute;top:1px;right:0;}

/* 기사제보 > 체크박스 : 수집동의 */
.wrap-jebo .label-check{position:relative;display:block;}
.wrap-jebo .label-check input[type="checkbox"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:-1px;left:0;box-sizing:border-box;width:24px;height:24px;border-radius:4px;outline:0;border:1px solid #ccc;background-color:#fff;cursor:pointer;}
.wrap-jebo .label-check input[type="checkbox"]:before{content:'';display:none;position:relative;top:6%;left:30%;box-sizing:border-box;width:44%;height:64%;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.wrap-jebo .label-check input[type="checkbox"]:checked{border:1px solid #0068d1;background-color:#0068d1;}
.wrap-jebo .label-check input[type="checkbox"]:checked:before{display:block;}
.wrap-jebo .label-check .txt01{padding-top:2px;padding-left:34px;font-size:16px;line-height:26px;color:#000;}

/* 기사제보 > 테이블 폼 (입력필드)
 * .input-text0$ : ul > li > input, textarea
 * .input-text1$ : div > input, textarea */
.wrap-jebo .tbl-jebo01{overflow:hidden;margin-top:10px;border-radius:4px;border:1px solid #ddd;background-color:#f5f5f5;}
.wrap-jebo [class*="input-text1"],
.wrap-jebo .input-text01>li{position:relative;display:block;margin:-1px -1px 0;border:1px solid #ddd;}
.wrap-jebo [class*="input-text"] input,
.wrap-jebo [class*="input-text"] textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;box-sizing:border-box;border-radius:0;width:100%;height:40px;padding:9px 40px 5px 16px;border:0;outline:none;background-color:#f5f5f5;font-size:16px;line-height:20px;}
.wrap-jebo [class*="input-text"] textarea{height:102px;}
.wrap-jebo [class*="input-text"] input:focus,
.wrap-jebo [class*="input-text"] textarea:focus{padding:7px 38px 3px 14px;border:2px solid #53b3d7;}
.wrap-jebo [class*="input-text1"].focus,
.wrap-jebo .input-text01>li.focus{z-index:1;}
/* input-text01 */
.wrap-jebo .input-text01>li:nth-child(-n+2){float:left;width:50%;border-top:none;}
.wrap-jebo .input-text01>li:last-child{clear:both;width:100%;border-top:0;}
.wrap-jebo .input-text01>li{margin-top:0;}
/* input-text12 */
.wrap-jebo .input-text12{border-bottom:none;}
/* 입력필드 > 리셋버튼 */
.wrap-jebo [class*="input-text"] .btn-reset{display:none;position:absolute;top:1px;right:0;}
/* 기사제보 > 스크롤 박스 */
.wrap-jebo .box-scroll01{overflow-y:auto;height:120px;margin:15px 0 5px;padding:16px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;}
.wrap-jebo .box-scroll01 .tit{font-weight:500;font-size:13px;line-height:24px;letter-spacing:-0.33px;}
.wrap-jebo .box-scroll01 .list{margin-top:8px;}
.wrap-jebo .box-scroll01 .list li + li{margin-top:8px;}
.wrap-jebo .box-scroll01 .list li .tit{font-size:12px;font-weight:500;line-height:24px;letter-spacing:-0.3px;}
.wrap-jebo .box-scroll01 .list li .txt{margin-top:4px;color:#4a4a4a;font-size:12px;line-height:24px;letter-spacing:-0.3px;}
/* 기사제보 > 제보하기 버튼 (전송버튼) */
.wrap-jebo .btn-agree{overflow:hidden;width:100%;margin:20px 0;}
.wrap-jebo .btn-jebo-submit{display:block;position:relative;width:100%;height:65px;margin-top:14px;border-radius:4px;background:#0068d1;vertical-align:top;text-align:center;}
.wrap-jebo .btn-jebo-submit>span{display:block;margin:0 11px;color:#fff;font-size:18px;line-height:65px;vertical-align:top;}
/* 제보기사 */
.wrap-jebo .box-jebo-cont01{box-sizing:border-box;padding-left:20px;padding-right:20px;}
.wrap-jebo .box-jebo-cont01 .btns-wrap03{padding:0;}

/* =============== ####컨트롤 : 앱 (Body Class - Control) ======================== */
.body-hybrid .btn-srch02-web,
body:not(.body-hybrid) .btn-srch02-app{display:none !important;}
.body-hybrid [class*='aside-sticky']{display:none !important;}

/* ---- ##[앱전용]폰트크기 미리보기 (/hybrid/preview/font-size01) ---- */
.page-preview-font01,
.page-preview-font01 .wrapper,
.page-preview-font01 .content03{border:none;background-color:#f7f7f7;}
.page-preview-font01 .container{padding-top:0;}
.page-preview-font01 .story-news{margin-top:0;padding-top:20px;}

/* ---- ##[앱전용]검색팝업 페이지 (/hybrid/popup/search01) ---- */
/* MEPS-18349 : 검색페이지에서는 닫기 버튼 숨김 */
.page-popup-search01 .pop-search .pop-header .btn-close03{display:none;}

/* =============== ####모바일서비스 (ASIS - 006100000000) ======================== */

/* ---- ##모바일서비스 (/mobile-service/index) ---- */
.wrap-mobile{color:#fff;}
.wrap-mobile .heading{padding:18px 23px 7px;background:#0e2049;letter-spacing:-1px;
background:-webkit-linear-gradient(180deg, #0e2049, #08132c);
background:-o-linear-gradient(180deg, #0e2049, #08132c);
background:-moz-linear-gradient(180deg, #0e2049, #08132c);
background:linear-gradient(180deg, #0e2049, #08132c);}
.wrap-mobile .heading .tit01{font-size:24px;line-height:44px;font-weight:bold;}
.wrap-mobile .heading .txt-con{background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_mobile03.png) no-repeat 0 50%;}
.wrap-mobile .heading .txt-con strong{display:block;font-size:18px;color:#abdaf2}
.wrap-mobile .heading .txt-con span{display:block;min-height:69px;padding:30px 0 30px 110px;line-height:23px}
.wrap-mobile section{padding:17px 0 0;}
.wrap-mobile section h3{margin:0 25px;font-size:20px;line-height:50px;font-weight:bold;}
.wrap-mobile section p{margin:0 25px;font-size:13px;line-height:20px;}
.wrap-mobile section h3 + p{padding:0 0 25px;}
.wrap-mobile section .visual{position:relative;margin:0;width:100%;height:0;padding-bottom:40%;}
.wrap-mobile section .visual img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;}
.wrap-mobile section .bottom{min-height:90px;padding-bottom:15px;}
.wrap-mobile section .bottom p{padding:20px 0;}
.wrap-mobile section .list-link{border-top:1px solid #8facbe;}
.wrap-mobile section .list-link li{line-height:44px;border-bottom:1px solid #8facbe;background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_mobile02.png) no-repeat 25px 0;}
.wrap-mobile section .list-link li:nth-child(1){background-position:25px 0;}
.wrap-mobile section .list-link li:nth-child(2){background-position:25px -45px;}
.wrap-mobile section .list-link li:nth-child(3){background-position:25px -90px;}
.wrap-mobile section .list-link li a{position:relative;display:block;padding:0 70px;color:#fff;}
.wrap-mobile section .list-link li a:after{position:absolute;right:25px;top:0;width:9px;height:100%;display:block;content:'';background:url(//r.yna.co.kr/m-kr/home/v01/img/arr2_9x15_ffffff.png) no-repeat 50% 50%;}
.wrap-mobile .section-mobile1{background:#e4b77c;}
.wrap-mobile .section-mobile1 .list-link li:nth-child(1){background-position:25px -135px;}
.wrap-mobile .section-mobile1 .list-link,
.wrap-mobile .section-mobile1 .list-link li{border-color:#eccda4}
.wrap-mobile .section-mobile2{background:#5e88a2;}
.wrap-mobile .section-mobile2 .list-link,
.wrap-mobile .section-mobile2 .list-link li{border-color:#8facbe}
.wrap-mobile .section-mobile3{background:#95b669;}
.wrap-mobile .section-mobile3 .list-link,
.wrap-mobile .section-mobile3 .list-link li{border-color:#b5cc96}
.wrap-mobile .section-mobile4{background:#e18b90;}
.wrap-mobile + #footer{margin-top:0;}

/* v02 - 20220401 변경작업 */
.wrap-mobile02{margin-bottom:40px;color:#000;}
.wrap-mobile02 .heading{padding:18px 20px 20px;letter-spacing:-1px;}
.wrap-mobile02 .heading .tit-wrap01{display:table;min-height:60px;padding:0 0 0 72px;background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_mobile03_03.png) 0 0/60px no-repeat;}
.wrap-mobile02 .heading .tit-wrap01 .tit{display:table-cell;vertical-align:middle;font-size:22px;line-height:28px;font-weight:bold;}
.wrap-mobile02 .heading .tit-wrap01 .tit .br{display:block;font-size:22px;line-height:28px;font-weight:bold;}
.wrap-mobile02 .heading .txt-con{margin:12px 0 0;}
.wrap-mobile02 .heading .txt-con strong{display:block;font-size:18px;color:#abdaf2}
.wrap-mobile02 .heading .txt-con span{display:block;min-height:69px;padding:30px 0 30px 110px;line-height:23px}
.wrap-mobile02 section{margin:0 20px;padding:24px 0 0;}
.wrap-mobile02 section .tit{margin:0 20px;font-size:24px;line-height:22px;font-weight:bold;}
.wrap-mobile02 [class*="section-mobile"]{border-radius:20px;}
.wrap-mobile02 [class*="section-mobile"]+[class*="section-mobile"]{margin-top:10px;}
.wrap-mobile02 [class*="section-mobile"] .txt-con{margin:20px 20px 0;padding-bottom:20px;font-size:14px;line-height:20px;border-bottom:1px solid rgba(255,255,255,.1);}
.wrap-mobile02 [class*="section-mobile"] .txt-con .sub-tit{font-size:18px;font-weight:500;}
.wrap-mobile02 [class*="section-mobile"] .txt-con .sub-tit+.txt{margin:10px 0 0;}
.wrap-mobile02 [class*="section-mobile"] .txt-con .txt{font-weight:400;}
.wrap-mobile02 section h3 + p{padding:0 0 25px;}
.wrap-mobile02 section .visual{position:relative;margin:0;width:100%;height:0;padding-bottom:40%;}
.wrap-mobile02 section .visual img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;}
.wrap-mobile02 section .bottom{min-height:90px;}
.wrap-mobile02 section .list-link li{line-height:52px;border-bottom:1px solid rgba(255,255,255,.1);background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_mobile02.png) no-repeat 25px 0;}
.wrap-mobile02 section .list-link li:nth-child(1){background-position:25px 3px;}
.wrap-mobile02 section .list-link li:nth-child(2){background-position:25px -42px;}
.wrap-mobile02 section .list-link li:nth-child(3){background-position:25px -93px;}
.wrap-mobile02 section .list-link li a{position:relative;display:block;padding:0 70px;color:#fff;}
.wrap-mobile02 section .list-link li a:after{position:absolute;right:25px;top:0;width:9px;height:100%;display:block;content:'';background:url(//r.yna.co.kr/m-kr/home/v01/img/arr2_9x15_ffffff.png) no-repeat 50% 50%;}

.wrap-mobile02 .section-mobile1{background:#0068d1;color:#fff;}
.wrap-mobile02 .section-mobile1 .bottom .txt-con{border:0;}
.wrap-mobile02 .section-mobile1 .list-link li:nth-child(1){background-position:25px -134px;}
.wrap-mobile02 .section-mobile1 .list-link,
.wrap-mobile02 .section-mobile1 .list-link li{}
.wrap-mobile02 .section-mobile2{background:#004bd1;color:#fff;}
.wrap-mobile02 .section-mobile2 .list-link,
.wrap-mobile02 .section-mobile2 .list-link li{border-color:rgba(255,255,255,0.1);}
.wrap-mobile02 .section-mobile3{background:#95b669;}
.wrap-mobile02 .section-mobile3 .list-link,
.wrap-mobile02 .section-mobile3 .list-link li{border-color:rgba(255,255,255,0.1);}
.wrap-mobile02 .section-mobile4{background:#e18b90;}
.wrap-mobile02 + #footer{margin-top:0;}

/* 중형 프레임 : 640px 이상 */
@media only screen and (min-width:640px){
	.wrap-mobile{overflow:hidden;}
	.wrap-mobile .heading p{min-height:69px;padding:30px 0 30px 110px;}
	.wrap-mobile .heading p span{min-height:0;padding:0;}
	.wrap-mobile section{float:left;width:50%;}
	.wrap-mobile section h3 + p{height:80px;}
	.wrap-mobile .section-mobile3 h3 + p, .wrap-mobile .section-mobile4 h3 + p{height:100px;}
	.wrap-mobile section .bottom{min-height:150px;padding-bottom:0;}

	/* v02 */
	.wrap-mobile02 section{float:left;width:calc(50% - 30px);}
	.wrap-mobile02 [class*="section-mobile"]:first-child{margin-right:0;}
	.wrap-mobile02 [class*="section-mobile"]:last-child{float:right;margin-left:0;}
	.wrap-mobile02 section+section{}
	.wrap-mobile02 [class*="section-mobile"]+[class*="section-mobile"]{margin-top:0;}
	.wrap-mobile02{overflow:hidden;}
	.wrap-mobile02 .heading .tit-wrap01{min-height:60px;line-height:56px;padding:0 0 0 72px;}
	.wrap-mobile02 .heading .tit-wrap01 .tit .br{display:inline-block;}
	.wrap-mobile02 .heading p span{min-height:0;padding:0;}
	.wrap-mobile02 section h3 + p{height:80px;}
	.wrap-mobile02 .section-mobile3 h3 + p, .wrap-mobile .section-mobile4 h3 + p{height:100px;}
	.wrap-mobile02 section .bottom{min-height:105px;padding-bottom:0;}
}

/* ---- ##외국어 뉴스 서비스 (/mobile-service/foreign) ---- */
.wrap-foriegn{background:#5e88a2;}
.wrap-foriegn .visual{position:relative;margin:0;width:100%;height:0;padding-bottom:50%;}
.wrap-foriegn .visual img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;}

.wrap-foriegn .heading{padding:20px 25px 25px;background:#0e2049;letter-spacing:-1px;color:#fff;
background:-webkit-linear-gradient(180deg, #0e2049, #08132c);
background:-o-linear-gradient(180deg, #0e2049, #08132c);
background:-moz-linear-gradient(180deg, #0e2049, #08132c);
background:linear-gradient(180deg, #0e2049, #08132c);}
.wrap-foriegn .heading .tit01{font-size:24px;line-height:44px;font-weight:bold;}
.wrap-foriegn .heading .txt01{line-height:23px}

.wrap-foriegn section .list-link{border-top:1px solid #afc4d1;}
.wrap-foriegn section .list-link li{line-height:44px;border-bottom:1px solid #afc4d1;}
.wrap-foriegn section .list-link li a{position:relative;display:block;padding:0 70px 0 28px;color:#fff;}
.wrap-foriegn section .list-link li a:after{position:absolute;right:25px;top:0;width:9px;height:100%;display:block;content:'';background:url(//r.yna.co.kr/m-kr/home/v01/img/arr2_9x15_ffffff_3x.png) no-repeat 50% 50%;background-size:9px auto;}
.wrap-foriegn section .list-link li.txtr a{padding:0 28px 0 70px;text-align:right;}
.wrap-foriegn section .list-link li.txtr a:after{position:absolute;left:25px;right:inherit;top:0;width:9px;height:100%;display:block;content:'';background:url(//r.yna.co.kr/m-kr/home/v01/img/h_arr2_9x15_ffffff_3x.png) no-repeat 50% 50%;background-size:9px auto;}

/* ---- ##ASIS 해상도 대응 : 2 ---- */
/* 해상도 대응 : 2 */
@media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2){
	.select-design .headline:after{background:#e8e8e8 url(//r.yna.co.kr/m-kr/home/v01/img/icon_ticker_2x.png) no-repeat -5px -7px;background-size:44px auto;}
	.select-design.on .headline:after{background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_close_2x.png) no-repeat -105px 50%;background-size:136px auto;}
	.form-text label{background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_set01_2x.png) no-repeat 0 -48px;background-size:168px auto;}
	.form-text .btn-clear{background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_set01_2x.png) no-repeat -32px -48px;background-size:168px auto;}
	.input-text .btn-reset{background:url(//r.yna.co.kr/m-kr/home/v01/img/icon_set01_2x.png) no-repeat -32px -48px;background-size:168px auto;}
}

/* =============== ####날씨 (ASIS - 008200000000) ======================== */

/* 구 버전 사이트의 UI를 그대로 이식함
 * 원본 :r.yna.co.kr/m-kr/home/v01/css/m_weather.css */
.page-weather.w-pop-open .wrap-header01,
.page-weather.w-pop-open .wrap-footer{z-index:0;}
.page-weather .wrap-container{position:static;min-height:auto;margin:0;padding:0;font-size:15px;line-height:1.4;color:#191919;background:#eaebee;}
.page-weather .wrap-container h1,
.page-weather .wrap-container h2,
.page-weather .wrap-container h3,
.page-weather .wrap-container h4,
.page-weather .wrap-container h5,
.page-weather .wrap-container h6{font-weight:normal;}
.page-weather .wrap-container .swiper-wrapper{-webkit-transition-duration:0ms;
transition-duration:0ms;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);}
.page-weather .wrap-container .swiper-container{width:100%;height:40px;margin:20px auto;}

/* 공통 */
.page-weather .wrap-section2>section:first-child .tit-type2{margin-top:0;}
.page-weather .template-index .wrap-section1 .tit-type2:first-child{border-top:0;margin-top:0;}
.page-weather .template-index>.wrap-section3:first-child{border-top:1px solid #dddedf;}

@media only screen and (min-width:640px){
	/* 인덱스형 : 좌,우,하단 3단계 */
	.page-weather .template-index{position:relative;width:100%;overflow:hidden;margin:0;}
	.page-weather .template-index .wrap-section1,
	.page-weather .template-index .wrap-section2,
	.page-weather .template-index .wrap-section3{position:relative;}
	.page-weather .template-index .wrap-section1{width:55%;float:left;}
	.page-weather .template-index .wrap-section2{width:45%;float:right;padding-bottom:0;}
	.page-weather .template-index .wrap-section2:after{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:#dddedf;}
	.page-weather .template-index .wrap-section3{clear:both;width:100%;border-top:1px solid #dddedf;}
	.page-weather .template-index .wrap-banner2{margin:11px 12px;}
	.page-weather .template-index .wrap-section1>section.wrap-banner:last-child,
	.page-weather .template-index .wrap-section2>section.wrap-banner:last-child{margin-bottom:0;}
	.page-weather .template-index .wrap-section2>section.wrap-ticker:first-child{margin:15px 0;background:#fff;}
	.page-weather .template-index .wrap-section2>section.wrap-ticker:first-child .btn{background-color:#f5f5f5;}
	.page-weather .template-index .wrap-section2>section.wrap-ticker:first-child .btn a{background:url(//r.yna.co.kr/m-kr/home/v01/img/arr3_15x11_e6e6e6.png) no-repeat 50% 50%;}
	.page-weather .template-index .wrap-section2>section.wrap-ticker:first-child .btn .btn-play{background:url(//r.yna.co.kr/m-kr/home/v01/img/arr1_15x11_e6e6e6.png) no-repeat 50% 50%;}
	.page-weather .template-index .wrap-section2>section .tit-type2{margin:13px 0 0;}
}

.page-weather .container{position:relative;padding-top:104px;}
.page-weather .wrap-section1{overflow:hidden;}
.page-weather .weather-ticker{overflow:hidden;position:relative;width:100%;height:39px;background:#4b90eb;color:#fff;border-top:1px solid #3464a8;}
.page-weather .breaknews-title{float:left;border:1px solid #fff;padding:3px 5px;border-radius:15px;font-size:0.7em;-webkit-text-stroke-width:0.02em;margin:8px 5px;}
.page-weather .breaknews{height:39px;line-height:39px;color:#d4e2f9;font-size:0.9em;text-overflow:ellipsis;word-wrap:normal;white-space:nowrap;overflow:hidden;padding:0 25px 0 0;}
.page-weather .breaknews a{color:#fff;margin:0 5px;}
.page-weather .breaknews-more{width:25px;position:absolute;top:0;right:0;background:url(//r.yna.co.kr/m-kr/home/v03/img/ico_weather_m.png) no-repeat -265px -0px;height:24px;padding-top:15px;background-size:350px;cursor:pointer;}
.page-weather .weather-left-area{background:#eaebee !important;overflow:hidden;}

/* 메인 오늘 / 내일 / 모레 날씨 */
/* 위치설정 */
.page-weather .main-weather-top{padding:10px;overflow:hidden;background:#fff;}
.page-weather .icon-weather-location{background:url(//r.yna.co.kr/m-kr/home/v03/img/ico_weather_m.png) no-repeat 0 0;background-position:-4px 0px;display:block;height:20px;width:15px;float:left;background-size:270px;margin-top:3px;}
.page-weather .main-weather-top .location-region{font-size:1em;float:left;margin-top:3px;}
.page-weather .setup-location{float:right;}
.page-weather .setup-location span{background:url(//r.yna.co.kr/m-kr/home/v03/img/ico_weather_m.png) no-repeat 0 0;background-position:-19px -1px;width:27px;height:27px;display:block;float:left;background-size:250px;margin-right:8px;cursor:pointer;}
.page-weather .btn-setup-location{width:70px;height:28px;line-height:28px;background:#f5f5f5;border:1px solid #d8d8d8;border-radius:2px;font-size:1em;}
.page-weather .main-weather-cont{background:#fff;}

/* ---- ##loader  ---- */
.page-weather .loader{position:relative;display:block;margin:15px auto;width:2.5em;height:2.5em;border-radius:50%;font-size:10px;text-indent:-9999px;
background:#00b0f0;background:-moz-linear-gradient(left,#00b0f0 10%,rgba(255,255,255,0) 42%);
background:-webkit-linear-gradient(left,#00b0f0 10%,rgba(255,255,255,0) 42%);
background:-o-linear-gradient(left,#00b0f0 10%,rgba(255,255,255,0) 42%);
background:-ms-linear-gradient(left,#00b0f0 10%,rgba(255,255,255,0) 42%);
background:linear-gradient(to right,#00b0f0 10%,rgba(255,255,255,0) 42%);
-webkit-animation:load3 1.4s infinite linear;
animation:load3 1.4s infinite linear;
-webkit-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0);}
.page-weather .loader:before,
.page-weather .loader:after{content:'';}
.page-weather .loader:before{position:absolute;top:0;left:0;width:50%;height:50%;background:#00b0f0;border-radius:100% 0 0 0;}
.page-weather .loader:after{position:absolute;top:0;left:0;bottom:0;right:0;width:75%;height:75%;margin:auto;background:#fff;border-radius:50%;}
.page-weather .btn-zone02{padding:0 !important;}
.page-weather .btn-more.yna-more-load{background:none !important;}
@-webkit-keyframes load3{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@keyframes load3{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

/* 오늘/내일/모레 탭 */
.page-weather .weather-graphic-box{min-width:360px;min-height:340px;}
.page-weather .tomorrow-weather .weather-graphic-box{min-height:450px;}

.page-weather .main-weather-tab{width:100%;overflow:hidden;background:#fff;}
.page-weather .main-weather-tab ul{width:80%;margin:0 auto;}
.page-weather .main-weather-tab li{float:left;width:33%;text-align:center;font-size:1em;}
.page-weather .main-weather-tab li a{border-bottom:3px solid #fff;display:block;height:22px;}
.page-weather .main-weather-tab li a.main-weather-on{border-bottom:3px solid #0068d1;width:40%;margin:0 auto;padding:2px 8px;color:#0068d1;}

.page-weather .forecast-time-zone{position:absolute;overflow:hidden;}
.page-weather .swiper-slide-page{position:relative;min-height:320px;overflow:hidden;}
.page-weather .weather-main-img{}
.page-weather .weather-main-img img{width:100%;height:auto;}
.page-weather .weather-graphic-info{position:absolute;top:0px;width:100%;}
.page-weather .time-standard{color:#fff;font-size:1em;padding:15px 10px 0 10px;width:100%;}

.page-weather .weather-info{width:220px;margin:0 auto 15px auto;text-align:center;color:#fff;}
.page-weather .top-weather{text-align:center;height:70px;line-height:30px;}
.page-weather .wm-img{background:url(../img/icon_mobile_w.png) no-repeat 0 0;background-size:620px;display:inline-block;width:35px;height:35px;margin-right:5px;}
.page-weather .top-weather span:nth-child(2){height:70px;line-height:70px;overflow:hidden;display:inline-block;font-size:1.1em;vertical-align:top;}
.page-weather .top-weather .mm-img{display:inline-block;}
.page-weather .weather-info .temperature{margin-bottom:25px;}
.page-weather .weather-info .temperature p{font-size:2.5em;}
.page-weather .weather-info .temperature p.compare-txt{font-size:1em !important;}
.page-weather .temperature span{font-size:1.3em;}
.page-weather .weather-info .temperature p span{font-size:0.6em;vertical-align:top;margin-top:5px;display:inline-block;}

/* 내일/모레 날씨 0823추가 */
.page-weather .weather-tomorrow .weather-graphic-box{position:relative;}
.page-weather .weather-tomorrow .city-info-middle{position:absolute;top:12%;bottom:0;display:block;height:170px;margin:auto;padding-top:0 !important;}
.page-weather .weather-tomorrow .city-info-middle ul{float:left;padding:25px 15px 0 5px;color:#fff;
width:-webkit-calc(50% - 20px);width:calc(50% - 20px);}
.page-weather .weather-tomorrow ul li{color:#fff !important;}
.page-weather .weather-tomorrow ul li:nth-child(1),
.page-weather .weather-tomorrow ul li:nth-child(3){color:#fff !important;}
.page-weather .weather-tomorrow ul li:nth-child(3) span:nth-child(2){color:#fff !important;font-weight:bold;}
.page-weather .weather-tomorrow ul li:nth-child(2) span:nth-child(2){/*color:#0068d9; !important;*/}
.page-weather .weather-tomorrow .global-w-img p.cw-img{float:right;}
.page-weather .weather-tomorrow .city-info-middle > p{margin:0 auto;color:#fff;font-size:1.6em;text-align:center;
width:-webkit-calc(100% - 90px);width:calc(100% - 90px);}

/* 3시간 예보 */
.page-weather .forecast-time-area{clear:both;background:#fff;position:relative;}
.page-weather .forecast-time-area:before{content:'';position:absolute;left:37%;top:0px;width:12.5%;height:238px;border:1px solid #389dd6;display:none;}
.page-weather .global-forest-table:before{content:'';position:absolute;left:37%;top:-10px;width:12.5%;height:198px;border:1px solid #389dd6;display:none;}
.page-weather .global-forest-table:after{content:'';position:absolute;left:37%;top:0px;width:12.5%;height:99.5%;border:1px solid #389dd6;}
.page-weather .forest-table,
.page-weather .global-forest-table{position:relative;}
.page-weather .global-forest-table .time-list-top th{padding-top:10px;}
.page-weather .forecast-time-area table{width:100%;}
.page-weather .forecast-time-area table th{text-align:center;font-size:0.8em;color:#666;padding-top:10px;-webkit-text-stroke-width:.02em;}
.page-weather .forecast-time-area table td{text-align:center;font-size:0.8em;padding:6px 0;}
.page-weather .forecast-time-area table.time-list-top tr:nth-child(1) td{padding-top:10px;}
.page-weather .forecast-time-area table.time-list-top tr:nth-child(1) td:nth-child(4){color:#000;}
.page-weather .forecast-time-area .time-list-bottom,
.page-weather .air-pollution-area .time-list-bottom{display:none;}
.page-weather .forecast-time-area .time-list-bottom tr:nth-child(1) td{color:#999;}

.page-weather .graph-area-box{width:100%; height:90px; background-color:#fff;}
.page-weather #yhnWeatherLine{width:100%; height:100%;}

.page-weather .graph-area img{width:95.5%;}
.page-weather .forecast-time-area table tr:nth-child(3) td,
.page-weather .forecast-time-area table tr:nth-child(4) td,
.page-weather .forecast-time-area table tr:nth-child(5) td{}
.page-weather .forecast-time-area table tr:nth-child(3) td,
.page-weather .forecast-time-area table tr:nth-child(4) td{color:#a8a8a8;}
.page-weather .forecast-time-area .time-list-bottom tr td{border-top:1px solid #ddd;}
.page-weather .forecast-time-area table tr td.prec{color:#000;}

/* 강수량 / 풍향 / 습도 / 일출일몰 */
.rwhs-area{padding:20px 15px 13px 15px;overflow:hidden;margin-top:10px;border-top:1px solid #dddedf;border-bottom:1px solid #dddedf;background:#fff;}
.rwhs-area ul li{float:left;font-size:0.9em;}
.rwhs-area ul li p{background:url(//r.yna.co.kr/m-kr/home/v03/img/ico_weather_m.png) no-repeat 0 0;width:20px;height:25px;background-size:240px;float:left;margin-right:5px;}
.rwhs-area ul li:nth-child(1){width:41%;}
.rwhs-area ul li:nth-child(2){width:59%;}
.rwhs-area ul li:nth-child(3){width:41%;}
.rwhs-area ul li:nth-child(4){width:59%;}
.rwhs-area ul li span{display:inline;-webkit-text-stroke-width:.02em;}

/* 대기오염지수 */
.page-weather .air-pollution-area{overflow:hidden;margin-top:10px;padding-top:20px;border-top:1px solid #dddedf;background:#fff;}
.page-weather .air-pollution-area h3{-webkit-text-stroke-width:.02em;font-size:1.1em;text-align:center;margin-bottom:20px;}
.page-weather .pollution-value{overflow:hidden;} /* border-bottom:1px solid #d0d0d0; */
.page-weather .pollution-value .air-list{width:33%;float:left;text-align:center;}
.page-weather .pollution-value .air-list h4{font-size:1em;}
.page-weather .pollution-value div{width:100%;height:240px;background-color:#fff;padding:5px 0 20px 0;}
.page-weather #yhn_weather_circle{width:100%; height:100%;}
@media only screen and (min-width:640px){
	.page-weather .air-pollution-area{margin-top:0;border-top:none;}
}

/* 대기오염지수 LV별 색상지정 */
.page-weather .w-lv01{color:#3298c9;}
.page-weather .w-lv02{color:#33cf64;}
.page-weather .w-lv03{color:#f99331;}
.page-weather .w-lv04{color:#f46869;}
.page-weather .pollution-value p img{width:100%;margin-bottom:20px;}
.page-weather .value-list,
.page-weather .value-list02{width:95%;margin:15px 0;}
.page-weather .value-list th,
.page-weather .value-list02 th{width:34%;text-align:left;font-size:0.9em;padding:4px 0 4px 15px;letter-spacing:-2px;}
.page-weather .value-list th span,
.page-weather .value-list02 th span{margin:2px 0 0 4px;font-size:0.8em;color:#999;letter-spacing:0;}
.page-weather .value-list td{text-align:center;margin-left:2px;width:17%;font-size:0.9em;padding:4px 0;border-left:2px solid #fff;color:#666;}
.page-weather .value-list02 td{text-align:center;margin-left:2px;width:13%;font-size:0.9em;padding:5px 0;border-left:2px solid #fff;color:#666;}
.page-weather .value-list tr:nth-child(1) td,
.page-weather .value-list02 tr:nth-child(1) td{font-size:0.8em;}
.page-weather .value-list tr td.lv1,
.page-weather .value-list02 tr td.lv1{border-bottom:2px solid #3399cc;color:#3399cc;letter-spacing:-1.5px;}
.page-weather .value-list tr td.lv2,
.page-weather .value-list02 tr td.lv2{border-bottom:2px solid #33cc66;color:#33cc66;letter-spacing:-1.5px;}
.page-weather .value-list tr td.lv3,
.page-weather .value-list02 tr td.lv3{border-bottom:2px solid #f9912f;color:#f9912f;letter-spacing:-1.5px;}
.page-weather .value-list tr td.lv4,
.page-weather .value-list02 tr td.lv4{border-bottom:2px solid #f56767;color:#f56767;letter-spacing:-1.5px;width:15%;}
.page-weather .value-list02 tr td.lv5{border-bottom:2px solid #662d91;color:#662d91;letter-spacing:-1.5px;}

.page-weather .btn-close span{background:url(//r.yna.co.kr/m-kr/home/v03/img/ico_weather_m.png) no-repeat -160px -3px;width:20px;height:15px;background-size:240px;display:inline-block;float:right;}
.page-weather .btn-setup-location{display:block;width:38px;height:28px;background:#f5f5f5;border:1px solid #c3c3c3;border-radius:3px;}
.page-weather .btn-setup-location span{display:none;}
.page-weather .btn-setup-location:after{content:'';display:block;width:30px;height:20px;background:url(//r.yna.co.kr/m-global/home/v01/img/sprites_ico.png) -378px -248px no-repeat;background-size:528px auto;}

.page-weather .btn-change span{display:none;}
.page-weather .main-weather-top .btn-change{display:block;width:38px;height:28px;background:#f5f5f5;border:1px solid #c3c3c3;border-radius:3px;float:right;}
.page-weather .main-weather-top .btn-change:after{content:'';display:block;width:30px;height:20px;background:url(//r.yna.co.kr/m-global/home/v01/img/sprites_ico.png) -378px -248px no-repeat;background-size:528px auto;}

.page-weather .btn-zone{overflow:hidden;margin:30px 0;text-align:center;}
.page-weather .btn-zone02{padding:0 15px 0 15px;text-align:center;}
.page-weather .btn-zone02 .btn-more .txt-hide,
.page-weather .btn-zone02 .btn-more.on .txt-show{display:inline-block;}
.page-weather .btn-zone02 .btn-more .txt-show,
.page-weather .btn-zone02 .btn-more.on .txt-hide{display:none;}

/* 10일 날씨 */
.page-weather .day10-weather{background:#fff;margin-top:10px;border-top:1px solid #dddedf;border-bottom:1px solid #dddedf;padding:20px 0;overflow:hidden;}
.page-weather .day10-weather h3{-webkit-text-stroke-width:.02em;font-size:1.1em;text-align:center;margin-bottom:20px;}
.page-weather .day10-list{width:100%;overflow-x:scroll;}
.page-weather .day10-weather ul{min-width:660px;width:100%;}
.page-weather .day10-weather ul:after{content:'';display:block;clear:both;}
.page-weather .day10-weather ul li{float:left;width:10%;box-sizing:border-box;border-left:1px solid #e8e8e8;text-align:center;font-size:0.9em;}
.page-weather .day10-weather ul>li:first-child{border-left:none;}
.page-weather .day10-weather ul li span{display:inline;}
.page-weather .day10-date{color:#575757;}
.page-weather .day10-date span{color:#728694;}
.page-weather .day10-text{color:#333;font-size:1em;}
.page-weather .day10-temp{color:#999;}
.page-weather .day10-temp span:first-child{color:#000;}
.page-weather .day10-weather .source-data{display:none;}
.page-weather .source-data{clear:both;margin:0;padding:1em 1em 1.5em;font-size:1em;text-align:right;}

/* 생활지수 */
.page-weather .life-area{background:#fff;margin-top:10px;border-top:1px solid #dddedf;border-bottom:1px solid #dddedf;padding:20px 0 0 0;overflow:hidden; margin-bottom:10px;}
.page-weather .life-area h3{-webkit-text-stroke-width:.02em;font-size:1.1em;text-align:center;margin-bottom:20px;}
.page-weather .life-area li{height:140px;width:33%;text-align:center;float:left;margin-bottom:20px;}
.page-weather .life-img{background:url(//r.yna.co.kr/m-kr/home/v03/img/ico_weather_m.png) no-repeat 0 0;width:45px;height:35px;background-size:240px;margin:2px auto;}
.page-weather .life-img01{background-position:-0px -29px;}
.page-weather .life-img02{background-position:-49px -29px;}
.page-weather .life-img03{background-position:-105px -29px;}
.page-weather .life-img04{background-position:-0px -68px;}
.page-weather .life-img05{background-position:-52px -68px;}
.page-weather .life-img06{background-position:-105px -68px;}

.page-weather .life-value{-webkit-text-stroke-width:.02em;}
.page-weather .value-small{color:#fa7c75;}
.page-weather .value-big{color:#47c6c2;}
.page-weather .life-text{font-size:0.85em;width:85%;margin:4px auto;color:#787878;}

/* 전국날씨 */
.page-weather .aside-city-area{margin-top:10px;background:#b3e0ff;}
.page-weather .aside-city-area button.tit{font-size:13.333333px;background:none;}
.page-weather .tab-city-tab{overflow-x:scroll;}
.page-weather .day-tab{height:54px;min-width:552px;width:100%;border-bottom:1px solid #ccc;background:#fff;width:100%;}
.page-weather .day-tab li{float:left;width:10%;height:38px;padding-top:10px;padding-bottom:5px;text-align:center;line-height:16px;}
.page-weather .day-tab li a{display:block;color:#728694;}
.page-weather .day-tab li a:hover{text-decoration:none;}
.page-weather .day-tab li.day-tab-on{border-bottom:2px solid #0068d1;color:#0068d1;}
.page-weather .day-tab li.day-tab-on a{color:#0068d1;}
.page-weather .day-tab li button{padding:1px;}
.page-weather .day-tab li button span{display:block;}
.page-weather .country-map{width:100%;height:100%;position:relative;background:#b3e0ff;}
.page-weather .city-tab-contents{width:100%;height:440px;background-size:contain;margin:0 auto;overflow:hidden;}
.page-weather .ampm-tab{overflow:hidden;width:90px;position:absolute;right:10px;top:10px;z-index:9;}
.page-weather .ampm-tab li{float:left;width:40px;height:26px;text-align:center;line-height:24px;background:#fff;font-size:0.9em;}
.page-weather .ampm-tab li a{display:block;color:#888;}
.page-weather .ampm-tab li.day-tab-on{background:#0168d1;color:#fff;}
.page-weather .ampm-tab li.day-tab-on a{color:#fff;}
.page-weather .ampm-tab li a:hover{text-decoration:none;}
.page-weather .ampm-tab li button{color:#888;line-height:24px;}
.page-weather .ampm-tab li.day-tab-on button{color:#fff;}
.page-weather .ampm-tab li button:hover{text-decoration:none;}

.page-weather .public-city-list li .city-name{width:66px;line-height:16px;font-size:0.9em;}
.page-weather #day-tab01 .city-day-tab{width:auto;}
.page-weather #day-tab01 .city-day-tab:after{content:'';display:block;clear:both;}
.page-weather #day-tab01 .city-day-tab li{border-right:1px solid #ddd;}
.page-weather #day-tab01 .city-day-tab li.day-tab-on{border-right:0 none;}
.page-weather .style-display-none{display:none;}
.page-weather .aside-city-area{background:#b3e0ff}
.page-weather .map-cont{height:100%;max-width:640px;margin:0 auto}
.page-weather .public-city-list{position:relative;width:100%;height:0;padding-bottom:135%;background:url(../img/m_map_city.png) no-repeat 50% 0;background-size:cover}
.page-weather .public-city-list ul li{height:60px;width:66px;margin:-30px 0 0 -33px;text-align:center;position:absolute;}
.page-weather .public-city-list ul li.seoul{top:27%;left:33%;}
.page-weather .public-city-list ul li.chuncheon{top:18%;left:54%;}
.page-weather .public-city-list ul li.gangneung{top:24%;left:67%;}
.page-weather .public-city-list ul li.daejeon{top:48.5%;left:40.5%;}
.page-weather .public-city-list ul li.cheongju{top:37%;left:54%;}
.page-weather .public-city-list ul li.daegu{top:55%;left:63%;}
.page-weather .public-city-list ul li.gwangju{top:71%;left:31%;}
.page-weather .public-city-list ul li.jeonju{top:60%;left:33%;}
.page-weather .public-city-list ul li.busan{top:66%;left:73%;}
.page-weather .public-city-list ul li.jeju{top:88%;left:25%;}
.page-weather .public-city-list ul li.ulleungdokdo{top:31%;left:86.5%;}
.page-weather .map-img{position:absolute;top:0;}
.page-weather .map-img img{width:100%;}
.page-weather .country-time-standard{position:absolute;bottom:10px;right:10px;}

/* 세계날씨 */
.page-weather .w-menu-on{-webkit-text-stroke-width:.03em;}
.page-weather .global-weather{overflow:hidden;}
.page-weather .global-tab{width:100%;height:41px;background:#fff;overflow-x:scroll;border-bottom:1px solid #ddd;}
.page-weather .global-tab ul{width:540px;margin:0 10px;}
.page-weather .global-tab ul li{float:left;text-align:center;line-height:39px;height:40px;}
.page-weather .global-tab ul li a{padding:0 10px;display:block;overflow:hidden;}
.page-weather .global-tab ul li a.continent-tab-on{color:#0068d1;border-bottom:2px solid #0068d1;}

/* 국가선택 / 도시선택 */
.page-weather .world-location{overflow:hidden;position:relative;margin:10px;}
.page-weather .world-select{float:left;height:34px;
width:-webkit-calc(100% - 50px);
width:calc(100% - 50px);}
.page-weather .location-select{height:34px;float:left;border:1px solid #d7d7d7;background:#fff;margin-left:10px;
width:-webkit-calc(50% - 10px);
width:calc(50% - 10px);}
.page-weather .world-select .location-select:first-child{margin-left:0}
.page-weather .wrap-container .btn_location_move,
.page-weather .wrap-container .btn-location-move{position:absolute;top:0;right:0;float:right;width:50px;height:34px;border-radius:2px;background:#4081d7;line-height:32px;color:#fff;text-align:center;}

/* 도시정보 */
.page-weather .world-city-info{background:#fff;border:1px solid #d7d7d7;margin:10px;}
.page-weather .city-info-top{border-bottom:1px solid #ccc;}
.page-weather .city-info-top h4{font-size:1.2em;padding:10px;}
.page-weather .city-info-top h4 span{font-size:0.8em;color:#999;}
.page-weather .city-info-middle{padding-top:10px;overflow:hidden;width:100%;}
.page-weather .global-weather-info>.global-public-info:last-child .world-city-info{margin-bottom:0;}

/* 대륙별 상세 */
.page-weather .global-w-img{width:50%;float:left;}
.page-weather .city-info-middle{padding-bottom:10px;}
.page-weather .city-info-middle ul{width:50%;float:right;}
.page-weather .city-info-middle ul li:nth-child(1){font-size:1.2em;color:#666;}
.page-weather .city-info-middle ul li:nth-child(2){font-size:1.2em;margin:5px 0;}
.page-weather .city-info-middle ul li:nth-child(2) span:nth-child(1){font-size:1.2em;color:#ff2525;letter-spacing:-0.5px;}
.page-weather .city-info-middle ul li:nth-child(2) span:nth-child(2){font-size:1em;/*color:#228cff;*/letter-spacing:-0.5px;}
.page-weather .city-info-middle ul li:nth-child(3),
.page-weather .city-info-middle ul li:nth-child(4){color:#666;font-size:1em;clear:both;}
.page-weather .city-info-middle ul li:nth-child(3) span:nth-child(1){background:url(//r.yna.co.kr/m-kr/home/v03/img/ico_weather_m.png) no-repeat -52px 1px;width:20px;height:22px;background-size:260px;float:left;margin-right:5px;}
.page-weather .city-info-middle ul li:nth-child(4) span:nth-child(1){background:url(//r.yna.co.kr/m-kr/home/v03/img/ico_weather_m.png) no-repeat -76px 1px;width:20px;height:22px;background-size:260px;float:left;margin-right:5px;}
.page-weather .city-info-middle ul li:nth-child(3) span:nth-child(2),
.page-weather .city-info-middle ul li:nth-child(4) span:nth-child(2){color:#000;-webkit-text-stroke-width:.02em;}

.page-weather .global-public-info .city-list{overflow:hidden;}
.page-weather .global-public-info .city-list li{width:33.333333%;float:left;box-sizing:border-box;padding:18px 0;text-align:center;}
.page-weather .global-public-info .city-list li:nth-child(1),
.page-weather .global-public-info .city-list li:nth-child(2),
.page-weather .global-public-info .city-list li:nth-child(3){border-bottom:1px solid #d7d7d7;}
.page-weather .global-public-info .city-list li:nth-child(2),
.page-weather .global-public-info .city-list li:nth-child(5){border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;}
.page-weather .global-public-info .city-list li h5{font-size:1.2em;color:#333;}
.page-weather .global-public-info .city-list li .world-name{color:#999;font-size:0.9em;letter-spacing:-1px;}
.page-weather .world-text{color:#666;}
.page-weather .world-temp{color:#999;}
.page-weather .world-temp span:first-child{color:#000;}

/* 국가선택시 view */
.page-weather .w-time-standard{font-size:1em;color:#666;padding:10px 0 0 10px;overflow:hidden;width:90%;}
.page-weather .world-city-view{border-top:1px solid #d7d7d7;}
.page-weather .world-city-view .city-info-top{border-bottom:1px solid #d7d7d7;background:#fff;position:relative;}

/* 기상특보 */
.page-weather .breaking-weather{margin-top:10px;}
.page-weather .breaking-weather h3{-webkit-text-stroke-width:.02em;font-size:1.1em;text-align:center;padding-bottom:20px;}
.page-weather .breaking-weather .breaking-cont{background:#fff;padding:20px 10px;}
.page-weather .breaking-cont-title{font-size:1.1em; color:#0068d1;padding-bottom:10px; }
.page-weather .breaking-list-top,
.page-weather .breaking-list-bottom{width:100%;}
.page-weather .breaking-list-top th{width:85px;font-size:1em;letter-spacing:-1px;border:1px solid #d7d7d7;padding:5px 10px; vertical-align:middle;}
.page-weather .breaking-list-top td{font-size:1em;border:1px solid #d7d7d7;padding:5px 10px;vertical-align:middle;}
.page-weather .breaking-list-bottom th{width:85px;font-size:1em;letter-spacing:-1px;padding:5px 10px;vertical-align:middle;border-top:1px solid #d7d7d7;border-right:1px solid #d7d7d7;}
.page-weather .breaking-list-top td:last-child,
.page-weather .breaking-list-top tr:last-child th{border-bottom:0 none;}
.page-weather .breaking-list-bottom td{font-size:1em;padding:5px 10px;vertical-align:middle;border-top:1px solid #d7d7d7;}
.page-weather .latest-weather h3{-webkit-text-stroke-width:.02em;font-size:1.1em;text-align:center;padding-bottom:20px;}
.page-weather .latest-weather .breaking-cont{background:#fff;padding:20px 10px;}
.page-weather .latest-weather{margin-top:10px;}
.page-weather .latest-weather .breaking-cont:nth-child(1){background:#fff;padding:10px 10px 0 10px;}
.page-weather .latest-weather .breaking-cont:nth-child(2){background:#fff;padding:10px 10px 0 10px;}
.page-weather .latest-weather .breaking-cont:nth-child(3){background:#fff;padding:10px 10px 20px 10px;}
.page-weather .breaking-cont .btn-breaking-close,
.page-weather .wrap-container .breaking-cont .btn-more{border-right:1px solid #dddedf;border-left:1px solid #dddedf;}
.page-weather .breaking-list-bottom{border:1px solid #d7d7d7;border-bottom:0 none;border-top:0 none;display:none;}

/* 닫기&더보기 버튼css */
.page-weather .wrap-container .btn-breaking-close{display:block;width:100%;border-top:1px solid #dddedf;border-bottom:1px solid #dddedf;background:#f5f5f5;margin-top:0px;padding:10px 0;text-align:center;font-size:0.9em;cursor:pointer;}
.page-weather .wrap-container .btn-breaking-close:after{content:'';background:url(//r.yna.co.kr/m-kr/home/v03/img/ico_weather_m.png) no-repeat -160px -3px;width:20px;height:15px;background-size:240px;display:inline-block;margin-left:3px;}
.page-weather .wrap-container .btn-more{display:block;width:100%;border-top:1px solid #dddedf;border-bottom:1px solid #dddedf;background:#f5f5f5;margin-top:0px;padding:10px 0;text-align:center;font-size:0.9em;cursor:pointer;}
.page-weather .wrap-container .sub-weather .btn-more{border:1px solid #dddedf;}
.page-weather .wrap-container .btn-more:after{content:'';background:url(//r.yna.co.kr/m-kr/home/v03/img/ico_weather_m.png) no-repeat -160px -35px;width:20px;height:15px;background-size:240px;display:inline-block;margin-left:3px;}

/* 현재 기상특보 기사가 없을 경우 */
.page-weather .breaking-cont-off{display:none;}
.page-weather .breaking-cont-days{display:block;font-size:0.9em; color:#999;}

/* 태풍정보 css */
.page-weather .typhoon-weather h4{-webkit-text-stroke-width:.02em;font-size:1.1em;text-align:center;padding-bottom:20px;}
.page-weather .typhoon-weather{margin-top:10px;}
.page-weather .typhoon-weather .typhoon-cont{background:#fff;padding:20px 10px;}
.page-weather .typhoon-top{width:100%;}
.page-weather .typhoon-top th{width:60px;font-size:1em;letter-spacing:-1px; padding:4px 5px 4px 0px; vertical-align:top;color:#000;}
.page-weather .typhoon-top td{font-size:1em;letter-spacing:-1.3px;padding:4px 10px;vertical-align:middle;color:#666;letter-spacing:-1.5px;}
.page-weather .typhoon-img{overflow:hidden;margin-top:20px;border-top:1px solid #d7d7d7;border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7;}
.page-weather .typhoon-img img{width:100%;height:100%;}
.page-weather .typhoon-bottom{width:100%;}
.page-weather .typhoon-bottom th{width:50%;font-size:1em;letter-spacing:-1px;padding:5px 5px 5px 10px;vertical-align:middle;text-align:center;border:1px solid #d7d7d7;letter-spacing:-1.5px;}
.page-weather .typhoon-bottom td{width:60px;font-size:1em;letter-spacing:-1px;padding:5px 5px 5px 10px;vertical-align:middle;text-align:center;border:1px solid #d7d7d7;color:#333;}
.page-weather .typhoon-bottom span{display:inline-block;width:17px;height:17px;margin:-2px 0 0 0;border-radius:100px;vertical-align:middle;}
.page-weather .typhoon-bottom p{display:inline-block;width:80px;vertical-align:middle;}
.page-weather .typhoon-th-color{ background:#fafafa; }

/* 태풍정보 아이콘 색상*/
.page-weather .wrap-container .icon-color-1{background:#00ffff;}
.page-weather .wrap-container .icon-color-2{background:#00ff00;}
.page-weather .wrap-container .icon-color-3{background:#ffff00;}
.page-weather .wrap-container .icon-color-4{background:#ff3300;}
.page-weather .wrap-container .icon-color-5{background:#990099;}
.page-weather .wrap-container ::-webkit-scrollbar{display:none;}

/* 모바일 사이트 리스트 css */
.page-weather .wrap-site{padding:0 15px;}
.page-weather .site-title{-webkit-text-stroke-width:.04em;font-size:1.3em;text-align:center;padding:20px 0;}
.page-weather .wrap-site table{width:100%;}
.page-weather .wrap-site th{width:100px;border:1px solid #767676;padding:10px 20px;background:#363636;color:#fff;font-size:1.0em;vertical-align:middle;-webkit-text-stroke-width:.02em;}
.page-weather .wrap-site td{border:1px solid #767676;padding:10px 20px;background:#e6e6e6;color:#000;font-size:1.0em;vertical-align:middle;-webkit-text-stroke-width:.02em;}
.page-weather .wrap-site td a{display:block;color:blue;}
.page-weather .site-table{width:100%; overflow:hidden;}

/* 내일 / 모레 날씨 */
.page-weather .date-weather{overflow:hidden;margin-top:10px;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.page-weather .date-weather-info{width:50%;float:left;}
.page-weather .date-weather-info:nth-child(1){border-right:1px solid #ccc;
width:-webkit-calc(50% - 1px);
width:calc(50% - 1px);}
.page-weather .date-tit{background:#fafafa;padding:10px 0;text-align:center;border-bottom:1px solid #ccc}
.page-weather .date-weather-list div{float:left;width:50%;text-align:center;margin:10px 0;}
.page-weather .date-weather-list div:nth-child(1){border-right:1px solid #ccc;
width:-webkit-calc(50% - 1px);
width:calc(50% - 1px);}
.page-weather .date-weather-list div p:nth-child(1){color:#333;}
.page-weather .date-weather-list div p:nth-child(3){color:#333;font-size:0.9em;}
.page-weather .date-weather-list div p:nth-child(4){-webkit-text-stroke-width:.02em;color:#000;}
.page-weather .date-weather-list div p:nth-child(5){color:#888;font-size:0.8em;}

/* 위치설정 팝업 */
.page-weather .wrap-container .popup-location{width:100%;height:100%;}
.page-weather .wrap-container .pop-layer{background:#fff;position:absolute;top:10%;left:0;right:0;border:1px solid #ccc;margin:0 20px;}
.page-weather .wrap-container .popup-location-box{background:#fff;}
.page-weather .wrap-container .popup-title{border-bottom:1px solid #b7b7b7;padding:10px;overflow:hidden;background:#fff;}
.page-weather .wrap-container .popup-title p{float:left;font-size:1.1em;color:#333;}
.page-weather .wrap-container .popup-title span{background:url(//r.yna.co.kr/m-kr/home/v03/img/ico_weather_m.png) no-repeat -293px -8px;background-size:350px;width:25px;height:25px;float:right;}
.page-weather .wrap-container .popup-cont{padding:10px;background:#fff;}
.page-weather .wrap-container .location-slt{background:#fff;border:1px solid #ddd;height:40px;padding-left:5px;
width:-webkit-calc(50% - 5px);
width:calc(50% - 5px);}
.page-weather .wrap-container .location-slt:nth-child(2){float:right;}
.page-weather .wrap-container .popup-btn{width:250px;margin:10px auto;overflow:hidden;}
.page-weather .wrap-container .popup-btn p:nth-child(1){border:1px solid #4080D7;background:#4080D7;height:40px;text-align:center;color:#666;line-height:40px;width:47%;float:left;color:#fff;cursor:pointer;}
.page-weather .wrap-container .popup-btn p:nth-child(2){border:1px solid #ddd;background:#fff;height:40px;text-align:center;color:#666;line-height:40px;width:47%;float:right;cursor:pointer;}

.page-weather .wrap-container .pop-layer .pop-container{padding:20px 25px;}
.page-weather .wrap-container .pop-layer p.ctxt{line-height:25px;color:#666;}
.page-weather .wrap-container .pop-layer .btn-r{width:100%;margin:10px 0 20px;padding-top:10px;border-top:1px solid #DDD;text-align:right;}
.page-weather .wrap-container .pop-layer{display:none;position:absolute;top:50%;left:50%;width:410px;height:auto;background-color:#fff;border:5px solid #3571B5;z-index:10;}

/* ---- ##dim ---- */
.page-weather .dim{display:none;position:absolute;left:0;top:0;bottom:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
.page-weather .dim-layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.page-weather .dim-layer .dimBg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;}
.page-weather .dim-layer .pop-layer{display:block;}
.page-weather a.btn-layerClose{display:inline-block;height:25px;padding:0 14px 0;border:1px solid #304a8a;background-color:#3f5a9d;font-size:13px;color:#fff;line-height:25px;}
.page-weather a.btn-layerClose:hover{border:1px solid #091940;background-color:#1f326a;color:#fff;}

@media all and (max-width:320px){
	.page-weather .breaknews-title{padding:3px 5px 2px 5px;}
	.page-weather .breaknews{line-height:36px;}
	.page-weather .weather-info{margin:0 auto;}
	.page-weather .time-standard{padding:15px 10px 0 10px;}
	.page-weather .weather-info .temperature{margin-bottom:20px;}
	.page-weather .weather-info .temperature p{font-size:2.5em;}
	.page-weather .weather-info div.temperature p.compare-txt{font-size:1em !important;}
	.page-weather .weather-info .temperature p span{font-size:0.6em;vertical-align:top;margin-top:10px;display:inline-block;}
}

.page-weather .weather-table-box .table-box{position:relative;}
.page-weather .weather-table-box .weather-table.toggle-cont{display:none;}
.page-weather .weather-table-box .table-box table{width:100%;}
.page-weather .weather-table-box .weather-table.toggle-cont .toggle-blind{padding:0;margin:0;font-size:0;line-height:0;text-indent:-99999px;}
.page-weather .weather-table-box .weather-table td,
.page-weather .weather-table-box .weather-table th{padding:10px 0;text-align:center;}
.page-weather .weather-table-box .weather-table thead td{margin-bottom:5px;font-size:12px;font-weight:normal;letter-spacing:-1px;}
.page-weather .weather-table-box .weather-table thead th{margin-bottom:5px;padding:10px 0;font-size:12px;font-weight:normal;text-align:center;letter-spacing:-1px;}
.page-weather .weather-table-box .weather-table .crt{color:#000;font-weight:800;}
.page-weather .weather-table-box .weather-table tr.ico-forecast td,
.page-weather .weather-table-box .weather-table tr.ico-forecast th{padding:0;}
.page-weather .weather-table-box .weather-table tr.ico-forecast span{display:inline-block;width:35px;height:35px;}
.page-weather .weather-table-box .weather-table tr.ico-forecast td [class*="w-ico-type-b-"]:after{left:50%;margin-left:-17px;}
.page-weather .weather-table-box .weather-table td.weather-graph img{width:100%;}

.page-weather .weather-table-box .weather-table tr.precip td{padding:5px 0;font-size:12px;letter-spacing:-1px;}
.page-weather .weather-table-box .weather-table tr.precip td.after,
.page-weather .weather-table-box .weather-table tr.precip td.crt{color:#999;}

.page-weather .weather-table-box .weather-table tr.ico-direction td,
.page-weather .weather-table-box .weather-table tr.ico-direction th{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 0;}
.page-weather .weather-table-box .weather-table tr.ico-direction [class*="wind"]{padding-top:35px;color:#999;font-size:11px;letter-spacing:-1px;}
.page-weather .weather-table-box .weather-table tr.ico-direction [class*="wind"]:after{width:30px;height:30px;margin-left:-15px;}

.page-weather .weather-table-box .weather-table tr.humidity td span{position:relative;display:inline-block;padding-top:35px;font-size:11px;letter-spacing:-1px;}
.page-weather .weather-table-box .weather-table tr.humidity td span:after{content:'';position:absolute;left:50%;top:0;display:block;width:26px;height:30px;margin-left:-13px;background:url(//r.yna.co.kr/m-kr/home/v03/img/ico_weather_m.png) -134px 0 no-repeat;background-size:240px;}
.page-weather .weather-table-box .btn-zone02{margin-top:20px;}

.page-weather .wrap-container .toggle-box{padding-bottom:30px;}
.page-weather .wrap-container .btn-zone02 .btn-more .txt-hide,
.page-weather .wrap-container .btn-zone02 .btn-more.on .txt-show{display:inline-block;}
.page-weather .wrap-container .btn-zone02 .btn-more .txt-show,
.page-weather .wrap-container .btn-zone02 .btn-more.on .txt-hide{display:none;}
.page-weather .wrap-container .toggle-box .btn-more:after{background-position:-121px 0;}
.page-weather .wrap-container .toggle-box .btn-more.on:after{background-position:0 0;}

/* button (/global/home/v01/img/sprites_icon.png) */
.page-weather .wrap-container button{border:0;}
.page-weather .wrap-container .btn-zone{overflow:hidden;margin:30px 0;padding:0 15px;text-align:center;}
.page-weather .wrap-container .btn-zone02{padding:0 15px 30px 15px;text-align:center;}
.page-weather .wrap-container .btn-more em{color:#0068d1;}
.page-weather .wrap-container .btn-view-more{display:block;position:relative;width:100%;font-size:14px;color:#666 !important;line-height:45px;font-weight:600;text-align:center;background:#f5f5f5;}
.page-weather .wrap-container .btn-view-more:after{content:'';position:absolute;top:17px;right:20px;width:8px;height:13px;background:url(//r.yna.co.kr/global/home/v01/img/sprites_btn.png) -20px 0 no-repeat;background-size:400px auto;}
.page-weather .wrap-container .btn-play span{display:block;text-indent:-99999px;}
.page-weather .wrap-container button.btn-save{display:inline-block;width:25px;height:25px;text-align:center;}
.page-weather .wrap-container button.btn-save span{display:inline-block;width:13px;height:17px;text-indent:-99999px;background:url(//r.yna.co.kr/global/home/v01/img/sprites_btn.png) -151px -250px no-repeat;background-size:528px auto;}
.page-weather .wrap-container button.btn-save.on span{background-position:-180px -250px;}

@media all and (max-width:320px){
	.page-weather .weather-graphic-box{min-width:320px;min-height:300px;}
	.page-weather .tomorrow-weather .weather-graphic-box{min-height:400px;}
}

/* 전국날씨 상세 오늘/내일 */
.page-weather .weather-date{padding:15px 10px;color:#fff;}
.page-weather .public-city-list ul li{cursor:pointer;}

/* 위치설정팝업 */
.page-weather .weather-location{display:none;position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;color:#c8c9cc;text-align:left;background:rgba(0,0,0,0.5);}
.page-weather .weather-location .popup-location{position:absolute;top:35%;left:16px;
width:-webkit-calc(100% - 32px);
width:calc(100% - 32px);}
.page-weather .location-loading{display:none;position:fixed;top:43%;width:100%;padding:0;text-align:center;}
.page-weather .location-loading img{width:25%;}
.page-weather .location-loading .btn-more.yna-more-load{border:none;background:none;}
.page-weather .location-loading .btn-more.yna-more-load:after{display:none;}
.page-weather .location-loading .btn-more.yna-more-load .loader{display:inline-block;margin:0;}

/* 0903 내일/모레 날씨 수정 */
.page-weather .weather-tomorrow .city-info-middle ul li:nth-child(2) p{font-size:0.9em;}
.page-weather .weather-tomorrow .city-info-middle ul li:nth-child(2) p:nth-child(1) span{font-size:2em;color:#fff;}
.page-weather .weather-tomorrow .city-info-middle ul li:nth-child(2) p:nth-child(2) span{font-size:2em;color:#fff;}
.page-weather .weather-tomorrow .city-info-middle ul li:nth-child(3){margin-top:15px;}

/* =============== 대형확장 레이아웃 ======================== */
@media only screen and (min-width:1024px){
	/* ---- ##container ---- */
	/* 기본 51 → 64 */
	.page-asis .container{padding-top:64px;}
	/* 104 → 112
	 * .page-weather : 날씨 */
	.page-weather #container{padding-top:112px;}
}

/* =============== ##가이드 ======================== */
/* guide-box01 */
.guide-box01{font-size:12px;color:#000;}
.guide-box01 p{padding:0 20px;word-break:break-all;}
.guide-box01 [class*='tit']{font-weight:500;}
/* guide-box02 */
.guide-box02{position:fixed;left:0;bottom:105px;z-index:1000;padding:4px 6px;font-size:12px;background:#000;color:#fff;text-align:center;opacity:0.5;}
.body-hybrid .guide-box02{bottom:55px;}
.guide-box02 .area{margin-bottom:3px;}
.guide-box02 .txt01{margin-right:5px;line-height:28px;}
.guide-box02 button{overflow:hidden;display:inline-block;position:relative;z-index:0;box-sizing:border-box;padding:2px;border:none;line-height:20px;white-space:nowrap;vertical-align:top;}
.guide-box02 button+button{margin-left:5px;}
.guide-box02 .button01{position:relative;width:28px;height:28px;line-height:28px;background-color:transparent;}
.guide-box02 .button01:before,
.guide-box02 .button01:after{content:'';display:block;clear:both;position:absolute;top:12px;left:2px;width:23px;height:2px;background-color:#fff;}
.guide-box02 .button01:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.guide-box02 .button01:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.guide-box02 .button02{padding:2px 4px;background-color:#fff;color:#000;}