@charset "utf-8";
/*************************************************
* 프로젝트명 : 모바일 다크모드
* comment : dark.css
* prefers-color-scheme:dark
https://qa-r.yna.co.kr/m-kr/home/v03/css/dark01.css 참고하여 개발
*************************************************/

/* ####변수 정의
 * --ui-tag$$ : element에 사용되는 색상
 * --ui-filter$$ : filter 기능을 통해 element 및 이미지에 색상 변경 가능
 * --font-color$$ : 폰트에 사용되는 색상*/
:root {
	/* ---- ##ui-tag000 ~ 019 ---- */
	/* [ui]무채색 */
	--ui-tag001:#121212; /* #fff */
	/*--ui-tag002:#000;*/
	--ui-tag003:#F1F1F1; /* #111 */
	--ui-tag004:#444; /* #CDCDCD */
	--ui-tag005:#333; /* #E9E9E9 */
	--ui-tag006:#D0D0D0; /* #444 */
	--ui-tag007:#1E1E1E; /* #F9F9F9 */
	/*--ui-tag008:#eee;*/
	--ui-tag009:#232426; /* #F6F8FC */
	--ui-tag010:#A0A0A0; /* #666 */
	--ui-tag011:#232323; /* #f5f5f5 */
	--ui-tag012:#777; /* #888 */
	--ui-tag016:#E9E9E9; /* #333 */
	/*--ui-tag013:#E9EBED;*/
	/*--ui-tag014:#323232;*/
	/*--ui-tag015:#D9D9D9;*/
	/*--ui-tag017:#1d1d1d;*/
	/*--ui-tag018:rgba(0, 0, 0, 0.40);*/
	--ui-tag019:#24242B; /* #F6F8FF */
	/*--ui-tag020:none;*/
	/*--ui-tag021:#222;*/
	/*--ui-tag022:#CCC;*/
	/*--ui-tag023:#DDD;*/
	/*--ui-tag024:#fafafa;*/
	/*--ui-tag025:rgba(0, 0, 0, 0.04);*/
	/*--ui-tag026:rgba(17, 17, 17, 0.8);*/
	
	
	/* ---- ##ui-tag020 ~ ---- */
	/* [ui]그 외 */
	--ui-tag030:#6D93FF; /* #4F6FCB */
	--ui-tag038:#242627; /* #D0EAF7 */
	--ui-tag043:#2C272D; /* #F9EFFA */
	--ui-tag060:#4F6FCB; /* #293766 */
	--ui-tag061:#F9532F; /* #CF4223 */
	--ui-tag063:#414960; /* #DCE2F5 */
	--ui-tag065:#272B2A; /* #FAFFFC */
	--ui-tag066:#212724; /* #F7FAF6 */
	--ui-tag080:linear-gradient(90deg, rgba(18, 18, 18, 0) 0%, #121212 70%);
	--ui-tag100:linear-gradient(180deg, rgba(18, 18, 18, 0.00) 0%, #121212 79%);/* 그라데이션 아래>위 */
	--ui-tag102:#2D2D28; /* #FFFCF6 */
	--ui-tag103:linear-gradient(to right, rgba(18,18,18,0) 0%,rgba(18,18,18,1) 100%);
	--ui-tag108:linear-gradient(180deg,rgba(0, 208, 163, 0) 50%, rgba(0, 208, 163,0.15) 50%);
	
	
	/* ---- ##ui-tag500~999 다크신규생성 ---- */
	/* --ui-tag500~: 무채색 */
	--ui-tag500:#111;
	--ui-tag501:#fff;
	--ui-tag502:#2C2C2C;
	--ui-tag503:#F5F5F5;
	--ui-tag504:#181818;
	--ui-tag505:#5D5D5D;
	--ui-tag506:#F6F8FC;
	--ui-tag507:#eaeaea;
	--ui-tag508:linear-gradient(to bottom, #121212 50%,#222222 100%);
	--ui-tag509:#222;
	--ui-tag510:#000;
	--ui-tag511:#292423;
	--ui-tag512:#262626;
	--ui-tag513:#1F1F1F;
	--ui-tag514:#F9F9F9;
	/* --ui-tag600~: 유채색 */
	--ui-tag600:#293766;
	--ui-tag601:#DCE2F5;
	--ui-tag602:#E36F5A;
	--ui-tag603:#BDE3FF;
	--ui-tag604:rgba(0, 208, 163, 0.15);/* #00D0A3의 오퍼시티 0.15 */
	--ui-tag605:#0ff;
	--ui-tag606:#0F0;
	--ui-tag607:#FF0;
	--ui-tag608:#F00;
	--ui-tag609:#800080;
	--ui-tag610:#F9EFFA;
	
	
	
	/* ---- ##ui-bg001 ~ 019 ---- */
	/* [ui]공통 헤더/푸터 영역 이미지 요소 */
	/*--ui-bg001:url(//qa-r.yna.co.kr/www/home_n/v03/img/ico_menu02.svg);*/
	
	/* ---- ##ui-bg020 ~ 499 ---- */
	/* [ui]배경 이미지(arrow,아이콘 요소) */
	
	/* ---- ##ui-bg500 ~ ---- */
	/* [ui]로고 */
	--ui-bg504:url(//qa-r.yna.co.kr/www/home_n/v03/img/ico_youtube01_dark.svg); /* youtube 로고 */
	--ui-bg514:url(//qa-r.yna.co.kr/www/home_n/v03/img/ico_health01_dark.svg); /* 더건강 */
	
	/* ---- ##font-color000 ~ 019 ---- */
	/* [font]무채색 */
	/*--font-color001:#fff;*/
	--font-color002:#F1F1F1; /* #000 */
	--font-color003:#F1F1F1; /* #111 */
	--font-color004:#888; /* #888 */
	--font-color005:#D0D0D0; /* #444 */
	--font-color006:#A0A0A0; /* #666 */
	--font-color007:#232323; /* #f5f5f5 */
	--font-color008:#444; /* #cdcdcd */
	--font-color009:#333; /* #E9E9E9 */
	/*--font-color010:#72787E; */
	/*--font-color011:#DDD;*/
	/*--font-color012:#555;*/
	/*--font-color013:#D0D0D0;*/
	
	/* ---- ##font-color020 ~ $$$ ---- */
	/* [font]그 외 */
	--font-color021:#6D93FF; /* #4F6FCB */
	--font-color023:#7B9EFF; /* #374E8E */
	--font-color025:#4F6FCB; /* #293766 */
	--font-color028:#6FA889; /* #4E8567 */
	--font-color029:#F9532F;/* #CF4223 */
	--font-color043:#00BDD1;/* #46E0EA; */
	
	/* ---- ##font-color500~999 다크신규생성 ---- */
	/* --font-color500~: 무채색 */
	--font-color500:#111;
	--font-color501:#F9F9F9;
	--font-color502:#cdcdcd;
	--font-color503:#A8A8A8;
	--font-color504:#888;
	--font-color505:#374E8E;
	--font-color506:#000;
	--font-color507:#E9E9E9;
	--font-color508:#D0D0D0;
	--font-color509:#121212;
	--font-color510:#5C5C5C;
	--font-color511:#111;
	--font-color512:#666;
	/* --font-color600~: 유채색 */


	
}

/*************************************************
* ######스타일 : 디폴트 (default.css)
*************************************************/
body{color:#fff;}

/* =============== ####키보드 (Focus) ======================== */
@media only screen and (min-width:1025px){
	/* 포커스 시 outline 처리 */
	a:focus-visible,
	button:focus-visible{outline:2px solid var(--ui-tag501);}
	[class*='img-con']>a:focus-visible{outline:none;}
	[class*='img-con']>a.img:focus-visible:before{border:2px solid var(--ui-tag501);}
	
	/* popup-type03 : 연합라운지 (포커스 예외 처리) */
	.popup-type03 a:focus-visible,
	.popup-type03 button:focus-visible{outline: 2px solid var(--ui-tag501);}
	.popup-type03 [class*='list-type'] [class*='img-con'] a.img:focus-visible:before{border:2px solid var(--ui-tag501);}
	.popup-type03 .tooltip-type01.tlp-share01 .tlp-content a:focus-visible,
	.popup-type03 .tooltip-type01.tlp-share01 .tlp-content button:focus-visible{outline: 2px solid var(--ui-tag501) !important;}
	
	/* ---- ##calendar-type01 : vanilla-calendar 달력 ---- */
	[data-calendar-theme='dark'].vanilla-calendar button:focus-visible{outline:2px solid var(--ui-tag501);outline-offset:-2px;}

}

/*************************************************
* ######스타일 : 레이아웃 (layout.css)
*************************************************/

/* =============== ####레이아웃 ======================== */
/* ---- ##헤더 | header (common) ---- */
[class*='logo-yna']{filter:var(--ui-filter001);}
/* ---- ##nav-type0$ (common) ---- */
[class*='nav-type0'] .gnb-menu01:before{background-color:var(--ui-tag010);}
/* ---- ##유틸링크 (common) ---- */
.utility-zone>[class*="btn-type004"]{filter:var(--ui-filter001);}
/* ---- ##내비게이션 | navigation (common) ---- */
/* nav-type$$ : 내비게이션 스타일 */
/* ---- ##nav-menu62  ---- */
.nav-menu62 .btn-type202 .txt01{opacity:0.5;color:var(--font-color006);}
/* ---- ##헤더부모 | wrap-header ---- */

/* ---- ##푸터 | footer (common) ---- */
.footer-site01 [class*='logo-yna']{filter:var(--ui-filter011);}
/* ---- ##푸터 : 정책 메뉴 ---- */
.footer-menu03{background-color:var(--ui-tag004);}
.footer-menu03 li a{color:var(--font-color501);}

/* ---- ##nav-type40 : 페이지 내비게이션 ---- */
/* .gnb-menu41 : 섹션/리스트 */
.nav-type40 .area01{border-bottom-color:var(--ui-tag010);}
@media only screen and (max-width:1023px){
	.nav-type40 .title-type011{border-bottom-color:var(--ui-tag010);}
}


/* ---- ##popup-type40 : 댓글 레이어 팝업 ---- */
@media only screen and (min-width:1024px){
	.popup-type40{background-color:var(--ui-tag509);}
}
@media only screen and (max-width:1023px){
	.popup-type40{background-color:var(--ui-tag509);}
}


/* --- ##container555 : 마이홈 --- */
.container555 .content04 .section02{background-color:var(--ui-tag502);}
.container555 .box-type011{box-shadow:0 8px 60px 0 #232323;background-color:var(--ui-tag502);}
.container555 .content05 .section01{box-shadow:0 8px 60px 0 #232323;background-color:var(--ui-tag502);}



/* =============== ####검색 입력 UI ======================== */
/* ---- ##search-type$$ : 공통  --- */
[class*='search-type'] .select-box{background-color:var(--ui-tag001);}
[class*='search-type'] .select-box .option-box{background-color:var(--ui-tag502);}
/* ---- ##search-type01 : 검색결과 페이지  --- */
.search-type01 .input01{border-bottom:2px solid var(--ui-tag003);background-color:var(--ui-tag000);color:var(--font-color003);}
.search-type01 .input01::placeholder{color:var(--ui-tag004);}
/* ---- ##list-search$$ : 검색 자동 완성 ---- */
.list-search01{border-color:var(--ui-tag005);}
/* ---- ##list02 통합검색 실시간 인기 검색어 ---- */
.list-search02 .list01 .txt01{background-color:var(--ui-tag019);}
/* ---- ##search-zone01 : 검색 입력 (검색 레이어 팝업)  --- */
.search-zone01.open-list .search-auto .list-search01::-webkit-scrollbar-thumb{background-color:var(--ui-tag005);}
.search-zone01.open-list .search-auto .list-search01::-webkit-scrollbar-track{background-color:var(--ui-tag001);}
/* ---- ##검색 팝업 : 검색 공통 : popup-search0$ ---- */
[class*='popup-search0']{background-color:var(--ui-tag509);}
.popup-search01{background:var(--ui-tag508);}
.popup-search01 .search-type01 .input01{border-color:var(--ui-tag003) !important;}
/* ---- ##search-type02 : 기자검색  --- */
.search-type02>input{background-color:var(--ui-tag001);color:var(--font-color002);}
/* ---- ##search-wrap01 : [통합검색] 검색옵션 ---- */
.search-wrap01 .srch-form04 .text01{background-color:var(--ui-tag509);}
/* =============== ####팝업 ======================== */
/* ---- ##공통 : popup-type$$ ---- */
.popup-type01,
.popup-type01.pop-gallery .pop-header,
.popup-type01 .box-type182{background-color:var(--ui-tag500);}
.popup-type01 .box-type181{background-color:var(--ui-tag004);}
.popup-type01 .box-type181:before{background-color:var(--ui-tag001);}
.popup-type01 .caption-con .desc,
.popup-type01 .caption-con .txt-time{color:var(--font-color502);}
.popup-type01 .box-type181 .list-type560{background-color:var(--ui-tag504);}
.fullpop-mode .popup-type01 [class*='btn-dir003']:before{background-color:var(--ui-tag505);}
.fullpop-mode .popup-type01 [class*="btn-dir003-"]:after{filter:var(--ui-filter001);}
/* ---- ##popup-type02 : Y뷰어 팝업 ---- */
body.page-yviewer.body-hybrid{background-color:var(--ui-tag502);}
.popup-type02.pop-yviewer01 .pop-content{background-color:var(--ui-tag502);}
.popup-type02.pop-yviewer01 .pop-header .btns-wrap04{background-color:var(--ui-tag060);}
.popup-type02.pop-yviewer01 .pop-wrap{background-color:var(--ui-tag502);}
.popup-type02.pop-yviewer01 .pop-wrap:before{filter:var(--ui-filter017);}
.popup-type02 [class*='tab-type0'] .tab{background-color:var(--ui-tag502);}
.popup-type02.pop-yviewer01.login-before01{height:-webkit-fill-available;height:fill-available;}
.popup-type02.pop-yviewer01.login-before01 .pop-wrap{height:-webkit-fill-available;height:fill-available;}
/*.popup-type02.pop-yviewer01.login-before01 .pop-content{height:-webkit-fill-available;height:fill-available;}*/

/* ---- ##popup-type56 : [마이] 스코어적립내역 ---- */
.popup-type56{background-color:var(--ui-tag502);}
.popup-type56 .pop-wrap .pop-content::-webkit-scrollbar{background-color:var(--ui-tag060);}
@media only screen and (min-width:768px) and (max-width:1023px){
	.fullpop-mode .popup-type01.pop-photo .box-type181{background-color:var(--ui-tag500);}
}
@media only screen and (max-width:767px){
	.fullpop-mode .popup-type01.pop-photo .box-type181{background-color:var(--ui-tag500);}
}
@media (orientation: landscape) and (max-width: 812px){
	.fullpop-mode .list-type560 .swiper-area:after{background-color:var(--ui-tag500);}
}

/* =============== ####그외 팝업 (popup) ======================== */
/* ---- ##popup-type50 : 메세지팝업 ---- */
.popup-type50{background-color:var(--ui-tag502);}

/* ---- ##popup-type52 : [마이] 위치정보활용 알림 팝업 ---- */
[class*='popup-type52'] .info-box01 .subtitle01{color:var(--ui-tag016);}
.popup-type52.style02{background-color:var(--ui-tag610);}
.popup-type52.style02 .info-box01 .subtitle01{color:var(--font-color512);}
.popup-type52.style02 .info-box01 .tit01{color:var(--font-color008);}
/* ---- ##popup-type54 : [마이] Y스코어 혜택 받기 ---- */
.popup-type54{background-color:var(--ui-tag502);}

/* ---- ##메뉴 레이어01 : popup-whole-home01 ---- */
.popup-whole-home01.active{background:var(--ui-tag508);}

/* =============== ####소재 ======================== */


/* =============== ####기사본문 레이아웃 ======================== */
/* ---- ##ink-site : 번역 링크 --- */
.link-site>li:hover{background-color:var(--ui-tag019);}



/* =============== ####컨트롤 : 웹 (Body Class - Control) ======================== */

/* ---- ##여백 : 광고 여백 (기본) ---- */


/* ---- ##공통 ---- */

/* ---- ##섹션-전국 ---- */
.page-local .news-type004{border-bottom:none;}
.page-my .wrap-footer{background-color:var(--ui-tag007);}

	/* =============== ####기사제보 (ASIS - 008601010000) ======================== */

/* =============== ####컨트롤 : 앱 (Body Class - Control) ======================== */

/* ---- ##[앱전용]폰트크기 미리보기 (/hybrid/preview/font-size01) ---- */
body.body-hybrid.font-preview{background-color:var(--ui-tag009);}/* APP : ui제어 */
body.body-hybrid.font-preview .story-news{color:var(--font-color002);}

/* =============== ####에러 (ASIS - 008300000000) ======================== */
.wrap-error{}



/* =============== ####모바일서비스 ======================== */
/* ---- ##모바일서비스 (/mobile-service/index) ---- */



/*************************************************
* ######스타일 : 본문 소재 (article.css)
*************************************************/

/* =============== ####본문 공통설정 ======================== */
/* ---- ##본문 텍스트 ---- */


/* ---- ##(스크립트) 잡지식 스타일 | ISRV-737 ---- */
/* style001 : 편집자주 - 배경색
 * style002 : 소제목 - 텍스트 색상
 * style003 : 일문일답 - (bar)+배경색
 * style004 : 편집자주 - 말풍선 형태 */
/* [일문일답] */
.story-news>.style003{background-color:var(--ui-tag019);}

/* [편집자주] */
.story-news .style004 i{background-color:var(--ui-tag513);}

/* [소제목] */
.story-news>.style002{color:var(--font-color023) !important;}

/* ---- ##키워드 영역 ---- */
/* (TEX) 본문 하단 키워드 */
.keyword-zone .list01 li.active .txt01{background-color:var(--ui-tag060);}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width:1024px){
	.keyword-zone .list01 li:hover .txt01{background-color:var(--ui-tag060);}
}

/* (TEX) 첨부파일 */
/* .related-zone.attach{} */
.related-zone .tit-con .tit01{color:var(--font-color005);}
.related-zone.attach .txt-con .list01 li a:before,
.related-zone.attach .txt-con .list01 li a:after{filter:var(--ui-filter007);}
/* ---- ##인물정보, 연합백과 ---- */
.paragraph-zone02{background-color:var(--ui-tag502);}
[class*='paragraph-zone0'] .detail{color:var(--font-color503);}
[class*='paragraph-zone0'] .tit-cap{color:var(--font-color003);}

/*************************************************
* ######스타일 : 공통콘텐츠 (common.css)
*************************************************/
/* =============== ####vanilla-calendar ======================== */
[data-calendar-theme='dark'] .vanilla-calendar-year,
[data-calendar-theme='dark'] .vanilla-calendar-month{color:var(--font-color002);}
[data-calendar-theme='dark'] .vanilla-calendar-week__day{color:var(--font-color004);}
[data-calendar-theme='dark'] .vanilla-calendar-day__btn{background-color:var(--ui-tag000);color:var(--font-color005);}
[data-calendar-theme='dark'] .vanilla-calendar-day__btn.vanilla-calendar-day__btn_disabled{color:var(--font-color510);}
[data-calendar-theme='dark'] .vanilla-calendar-day__btn_weekend{color:var(--font-color021);}
.calendar-type01 [data-calendar-theme='dark'] .vanilla-calendar-day:nth-child(7n) .vanilla-calendar-day__btn{color:var(--font-color005);}
[data-calendar-theme='dark'] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_disabled{color:var(--font-color510) !important;}
.calendar-type01 [data-calendar-theme='dark'] .vanilla-calendar-day__btn.vanilla-calendar-day__btn_today,
.calendar-type01 [data-calendar-theme='dark'] .vanilla-calendar-day__btn.vanilla-calendar-day__btn_today:hover{background-color:var(--ui-tag060);color:var(--font-color001) !important;}
[data-calendar-theme='dark'] .vanilla-calendar-day__btn:hover{background-color:var(--ui-tag000);}
[data-calendar-theme='dark'] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme='dark'] .vanilla-calendar-day__btn_weekend:hover{color:var(--font-color021) !important;}
.calendar-type01 [data-calendar-theme='dark'] .vanilla-calendar-arrow:before,
.calendar-type01 .vanilla-calendar-arrow:before{filter:var(--ui-filter001);}
.calendar-type01 [data-calendar-theme='dark'] .vanilla-calendar-arrow{background-color:var(--ui-tag011);}
[data-calendar-theme='dark'] .vanilla-calendar-months__month,
[data-calendar-theme='dark'] .vanilla-calendar-years__year{background:var(--ui-tag502) !important;}
[data-calendar-theme='dark'] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected,
[data-calendar-theme='dark'] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected{background:var(--ui-tag060) !important;}
[data-calendar-theme='dark'] .vanilla-calendar-months__month:hover,
[data-calendar-theme='dark'] .vanilla-calendar-years__year:hover{color:var(--font-color021);}
[data-calendar-theme='dark'] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,
[data-calendar-theme='dark'] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled{color:var(--font-color510) !important;}
/* ---- ##calendar-type01 : vanilla-calendar 달력 ---- */
.calendar-type01 .vanilla-calendar,
.calendar-type01{background-color:var(--ui-tag502);}
/* =============== ####visual-type ======================== */
/* ---- ##visual-type07 : [세계홈] 특파원 지도 ---- */
.visual-type03 .map-cont{background-color:var(--ui-tag603);}
.visual-type03 .map-cont:after{border-left-color:var(--ui-tag603);}
.visual-type03 .map-marker .btn-type404 .txt01{color:var(--font-color509);}
.visual-type03 .map-dott{filter:var(--ui-filter106);}
/* ---- ##visual-type04 ---- */
.visual-type04 .area .tit{color:var(--font-color003);}
.visual-type04 .area .txt01{color:var(--font-color003);}
/* ---- ##visual-type07 : [기자홈] 기자프로필 ---- */
.visual-type07{border-color:var(--ui-tag060);background-color:var(--ui-tag060);}
/* ---- ##visual-type08 : [마이페이지] 내등급 ---- */
.visual-type08{background-color:var(--ui-tag502);}
.visual-type08>.list01>.bar>span{background-color:var(--ui-tag601);}
.visual-type08>.list01>.bar>span>i{background-color:var(--ui-tag060);}
.visual-type08>.list01>.bar>span + span{border-color:var(--ui-tag502);}
/* =============== ####Color ======================== */

/* =============== ####img Cover ======================== */

/* ---- ##img-cover ---- */

/* ---- ##img-none$$ ---- */
.img-none01{background-color:var(--ui-tag507);}
/* =============== ####Icon ======================== */
.logo-yna05 [class*='ir-txt']{filter:var(--ui-filter011);} /*@@@@확인필요*/
/* =============== ####Swiper ======================== */

/* =============== ####slick.js ======================== */

/* ---- ##slick-pager Style ---- */

/* =============== ####Icon ======================== */
/* ico-type$$ */
.ico-type01-srch01,
.ico-type01-close01,
.ico-type04-arr02{filter:var(--ui-filter001);}
.ico-type05-open,
.ico-type05-close{filter:var(--ui-filter014);}
/* [구독] 추가(+) 아이콘 */
.ico-type07-plus01{color:var(--font-color001);}
.ico-type07-plus02{color:var(--font-color004);}
.ico-type07-plus02::before{filter:var(--ui-filter007);}
/*---- ##ico-type12-**** ----*/
/* [기타 RSS페이지] 주소복사 아이콘  */
.ico-type12-copy01{filter:var(--ui-filter007);}
/*---- ##ico-type6$-**** : 마이페이지 ----*/
/* 이메일 아이콘 */
.ico-type61-mail02{filter:var(--ui-filter014);}
/* [마켓+] 타이틀 옆 툴팁 물음표 */
.ico-type91-question02{background-color:var(--ui-tag004);}
/* 영상 기사 아이콘 */
.ico-type91-video01:before{background-color:var(--ui-tag003);}
/* 에러페이지 아이콘 */
.ico-type95-noti01:after,
.ico-type95-noti01:before{background-color:var(--ui-tag060);}

/* =============== ####Button ======================== */
/* ---- ##logo-yna$$ ---- */

/* ---- ##btn style 공통 ---- */

/* ---- ##btn-menu$$ ---- */

/* ---- ##btn-type$$ ---- */
.btn-type001{}
.btn-type001:before,
.btn-type002:after{filter:var(--ui-filter014);}
.btn-type001.scrap01.active:before,
.btn-type002.active.scrap01:after{filter:var(--ui-filter104);}
/* ---- ##btn-type002 : 아이콘 단독형 : 40*40 : 연합라운지 ---- */
.btn-type002.style01:before{background-color:var(--ui-tag501);}
@media only screen and (max-width:1023px){
	.btn-type002.style01:before{filter:var(--ui-filter002);}
}
[class*='btn-type004']{filter:var(--ui-filter003);}
[class*='btn-type004'].alert01{filter:none;}
[class*='btn-type004'].alert01:before{filter:var(--ui-filter003);}
/* ---- ##btn-type005 툴팁 타입 버튼 : 24*33 ---- */
.btn-type005:after{border-color:var(--ui-tag502);background-color:var(--ui-tag502);}
/* ---- ##btn-type007 : 실행,정지 버튼 : 30*30 ---- */
[class*='btn-type007']:after{filter:var(--ui-filter003);}
/* ---- ##btn-type010 : 툴팁 : 세줄요약 ----*/
.title-article01 .tooltip-type01.active{background-color:var(--ui-tag506);}
.btn-type010.summary01:before{filter:var(--ui-filter104);}
/* ---- ##btn-type012 :아이콘 단독형 30x30 통합검색 검색버튼 ---- */
.btn-type012.search01{filter:var(--ui-filter001);}
/* ---- ##btn-type014 통합검색 filter버튼 ---- */
.btn-type014{filter:var(--ui-filter016);}
/* ---- ##btn-type015 통합검색 검색옵션 닫기 버튼 ---- */
.btn-type015{filter:var(--ui-filter001);}
/* ---- ##btn-type017 : 검색리스트 버튼 : 바로가기, 삭제 ---- */
[class*='btn-type017']{filter:var(--ui-filter005);}
/* ---- ##btn-type020 : 테마별뉴스 날짜별 많이 본 뉴스 캘린더 버튼 ---- */
.btn-type020{filter:var(--ui-filter001);}
/* ---- ##btn-type022 특파원 전체보기 버튼 ---- */
.btn-type022{background-color:var(--ui-tag060);}
/* ---- ##btn-type023 :아이콘 단독형 기자검색 검색버튼 ---- */
.btn-type023{background-color:var(--ui-tag060);}
/* ---- ##btn-type041 :마이페이지 이용권 이동 버튼 ---- */
.btn-type041{filter:var(--ui-filter016);}
/* ---- ##btn-type042 : 스크롤 최상단 이동 버튼 ---- */
.btn-type042{border:1px solid var(--ui-tag005);background-color:rgba(18,18,18,.6);}
.btn-type042:before{filter:var(--ui-filter001);}
/* ---- ##btn-type101 : SNS공유 로고 ---- */
.btn-type101.tw:before{background-color:var(--ui-tag003);}
.btn-type101.tw:after{filter:var(--ui-filter015);}
.btn-type101.copy:before{background-color:var(--ui-tag005);}
.btn-type101.copy:after{filter:var(--ui-filter008);}
/* ---- ##btn-type206 : 텍스트 형태 버튼 ---- */
.btn-type206 .txt01{color:var(--font-color012);}
/* ---- ##btn-type208 : 텍스트 형태 버튼 ---- */
.btn-type208.arr01:after{filter:var(--ui-filter003);}
/* ---- ##btn-type211 : 텍스트 형태 select 박스 버튼 ---- */
.btn-type211::after{filter:var(--ui-filter001);}
/* ---- ##btn-type216 : 마이페이지 마케팅 윈도우 이동 버튼 ---- */
.btn-type216.arr01 .txt01{color:var(--ui-tag016);}
.btn-type216.arr01.style01 .txt01{color:var(--font-color512);}

/* ---- ##btn-type300~399 : 박스형태 버튼 ---- */
/* .btn-type3$$에 addClass 규칙
- style01~19 : bg 형태
- style20~29 :  보더라인 형태
- arr01 : arrow 형태 */
.btn-type300.arr01>.txt01:after,
.btn-type300.arr02>.txt01:after{filter:var(--ui-filter003);/*opacity:0.8;*/}
.btn-type300 .bold{color:var(--font-color002);}
.btn-type300.down01>.txt01:after{filter:var(--ui-filter016);}
/* ---- ##btn-type303 : 상세검색 인물 버튼 ---- */
.btn-type303.arr01 .txt01:after{filter:var(--ui-filter003);}
/* ---- ##btn-type304 : 검색필터 버튼 ---- */
.btn-type304.style01{background-color:var(--ui-tag060);}
/* ---- ##btn-type306 : 마이페이지 안내문구 버튼 ---- */
.btn-type306{background-color:var(--ui-tag060);}
/* ---- ##btn-type307.arr01 : 마이페이지 화살표 텍스트 버튼 ---- */
.btn-type307.arr01 .txt01{color:var(--font-color002);}
.btn-type307.arr01 .txt01::after{filter:var(--ui-filter003);}
/* ---- ##btn-type310 : 메인>매거진뷰 버튼 ---- */
.btn-type310{background-color:var(--ui-tag600);}
/*  ---- ##btn-type312 : [마이페이지] 운영배너 --- */
.btn-type312{border-color:var(--ui-tag501);}
/* ---- ##btn-type400 : 아이콘+텍스트형태 버튼 ---- */
/* 패밀리사이트 */
.btn-type400-open>.txt01{color:var(--font-color002);opacity:0.5;}
/* ---- ##btn-type411-toggle : 리스트 내 구독 버튼(토글 비활성화) ---- */
.btn-type411-toggle{background-color:var(--ui-tag060);}
.btn-type411-toggle.active{border:1px solid var(--ui-tag063);background-color:var(--ui-tag000);}
/* ---- ##btn-type412-toggle : 구독버튼 - 기자홈 ---- */
.btn-type412-toggle.active{border-color:var(--font-color021);}
/* ---- ##btn-type438 : [마이페이지] 마이페이지 버튼 ---- */
.btn-type438::before,
.btn-type438::after{filter:var(--ui-filter003);}

/* ---- ##btn-dir$$$-**** : arrow 방향 버튼 ---- */

/* ---- ##btn-type421 : 좋아요,슬퍼요,화나요,후속요청 버튼 ---- */
.btn-type421.active .tit01,
.btn-type421.active .txt01{}
.btn-type422.cmt01:before{filter:var(--ui-filter003);}


/* =============== ####Pager ======================== */
/* ---- ##btn-dir001-*** ---- */
[class*='btn-dir001']:before{background-color:var(--ui-tag011);}
[class*='btn-dir001'].disable:after,
[class*='btn-dir001'].swiper-button-disabled:after,
.btn-dir001-prev:after,
.btn-dir001-next:after{filter:var(--ui-filter001);}


/* ---- ##btn-dir002-*** : 이전,다음 그라데이션 형태 버튼(40x41) ---- */
[class*='btn-dir002'] .ir-txt01{filter:var(--ui-filter003);opacity:0.8;}
/* ---- ##btn-dir003-*** : 이전,다음 스와이퍼 버튼(30x30) ---- */
[class*='btn-dir003']:before{background-color:var(--ui-tag503);}

/* ---- ##btn-005-*** : 테마 period-field01 영역 , 비쥬얼 캘린더 이동 버튼 ---- */
[class*='btn-dir005']{filter:var(--ui-filter001);}

/* ---- ##pager$$ : 페이징 숫자 ---- */
/* ---- ##pager02 : [공통] 팝업 포토,화보 페이징 숫자 ---- */
.pager02 [class*='txt-']{color:var(--font-color502);}

/* ---- ##paging-type$$ (공통) ---- */
/* paging-type01 : 리스트 페이징 */
.paging-type01 .prev,
.paging-type01 .next,
.paging-type01 .first,
.paging-type01 .last{filter:var(--ui-filter016);}
.paging-type01 .num.on{background-color:var(--ui-tag060);}

/* =============== ####Tab ======================== */
[class*='tab-type0'] li.active .tab{border-color:var(--ui-tag060);background-color:var(--ui-tag060);}
/* .style01 : 말풍선 스타일 공통 */
[class*='tab-type0'].style01 .tab:after{background-color:var(--ui-tag060);}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width:1024px){
	[class*='tab-type0'] li:hover .tab{border-color:var(--ui-tag060);background-color:var(--ui-tag060);}
}
/* ---- ##tab-type02 ---- */
.tab-type02 .tab{background-color:var(--ui-tag502);}
/* ---- ##tab-type03 ---- */
.tab-type03.style02 .active .tab:after{background-color:var(--ui-tag060);}
/* ---- ##tab-type04 ---- */
.tab-type04 li.active .tab{background-color:var(--ui-tag600);border-color:var(--ui-tag600);}
.tab-type04 li.active .tab:after{background-color:var(--ui-tag600);}
/* ---- ##tab-type05 : 연합 라운지 ---- */
.tab-type05 li .tab.style01 .txt01:after{filter:var(--ui-filter001);}
/* ---- ##tab-type24 : 마이페이지 보더라인 형태  ---- */
.tab-type24 .swiper-area .swiper-wrapper .swiper-slide.active>.tab::after{background-color:var(--ui-tag060);}

/* =============== ####Tooltip ======================== */
[class*='tooltip-type0'] .tlp-content{background:var(--ui-tag502);}
/* ---- ##tlp-copy : 본문 url복사 알럿 메세지 ---- */
.tlp-copy{background-color:var(--ui-tag502);}

/* =============== ####Ticker ======================== */
.ticker-type02 .ico-label-ticker01:after,
.ticker-type02 .ico-label-ticker01:before{background-color:var(--ui-tag501);}
.ticker-type03>.time{background-color:var(--ui-tag001);}
/* txt-tag61 : 기자의 세상읽기 (오피피언 메인) */
.txt-tag61::after{filter:var(--ui-filter003);}
/* common - 뉴스상품 관련 신규 스타일 추가 */
.txt-type701{background-color:var(--ui-tag009);}
.txt-type704 .tit{color:var(--font-color506);}
/* =============== ####Title ======================== */
/* ---- ##title-type$$$(공통)  ---- */
[class*='title-type'][class*='arr']>[class*='tit']:after{filter:var(--ui-filter003);}

/* ---- ##title-type005.style01 : 지역별 실시간 뉴스 ---- */
.title-type005 .txt01{color:var(--font-color004);}
.title-type005 .txt01::after{filter:var(--ui-filter003);}
.title-type005::before{border:none;background-size:102px 102px;}

/* ---- ##title-type031: 말풍선 화살표 타이틀 버튼 ---- */
.title-type031{background-color:var(--ui-tag060);}
.title-type031 .tit01{color:var(--font-color003);}
.title-type031.style01::after{border-bottom-color:var(--ui-tag511);border-left-color:var(--ui-tag511);}
.title-type031.style01.arr01 .tit01::after{filter:var(--ui-filter001);}

/* ---- ##title-type032: 말풍선 화살표 타이틀 버튼 ---- */
.title-type032 .tit01{color:var(--font-color003);}

/* ---- ##txt-tag20 ~ 39 : 말머리 스타일 사용 ---- */
.txt-tag22:before{background:var(--ui-tag060);}
.txt-tag21,
.txt-tag22,
.txt-tag23,
.txt-tag24{color:var(--font-color001);}
.txt-tag28:before{background-color:var(--ui-tag016);color:var(--font-color511);}

/* ---- ##txt-type$$ : 텍스트 타입 ---- */
/* ---- ##txt-type003 : #해시태그 ---- */
/* 언더라인 마커형태 */
.txt-type003.style01>.txt01{position:relative;background:none;}
.txt-type003.style01>.txt01:after{display:block;content:'';position:absolute;left:0;bottom:0;width:100%;height:50%;background:var(--ui-tag604);}
/* ---- ##txt-type015 : 성금,신문의날 텍스트,RSS피드 ---- */
.txt-type015 .desc-con .txt01{color:var(--font-color005);}
/* ---- ##txt-type019 :  마이페이지>그래프 없을 경우 dim 메세지 ---- */
.txt-type019>.txt01:before{background-image:var(--ui-bg104);}
/* ---- ##txt-type104 : [y뷰어] y뷰어 ---- */
.txt-type104 .img-con01{background-color:var(--ui-tag514);}
.txt-type104 .img-none01:after{filter:var(--ui-filter002);}
/* .txt-type702 - 뉴스상품 주요스타일 */
.txt-type702 .list01 li{background-color:var(--ui-tag009);}

/* ---- ##title-con$$ : 공통 ---- */
/* ---- ##title-con22 ---- */
.title-con22{background-color:var(--ui-tag060);}
/* ---- ##title-con61 ---- */
.title-con61 .tab-type02.active li.active{opacity:1;}
.title-con61 .tab-type02.active li.active .tab,
.title-con61 .tab-type02.style01.active li.active .tab:after{background-color:var(--ui-tag063);}
/* ---- ##title-con62 ---- */
.title-con62 .item-box01{background-color:var(--ui-tag060);}

/* ---- table-type71 추가  ---- */
.table-type71 tr:first-of-type th,
.table-type71 tr:first-of-type td{border-top-color:1px solid var(--ui-tag003);}
.table-type71 th{background-color:var(--ui-tag007);}
.table-type71 th,
.table-type71 td,
.table-type71 th+td,
.table-type71 td+td{border-color:var(--ui-tag005);}

/* =============== ####Form ======================== */
/* ---- ##[class*='label-con-'] ---- */
[class*='label-con-check'] input:checked~.txt-label01{background-color:var(--ui-tag060);border-color:var(--ui-tag060);}
/* 검색 필터 레이어 : 달력제어 */
.label-con-date01 [type='text'].text01{background-color:var(--ui-tag509);}
.txt-mark01 + .label-con-date01 .calendar-form01 .calendar-type01{background-color:var(--ui-tag502);}

/* ---- ##profile-field01 :  기자홈 기자프로필 박스 ---- */
.profile-field01{background-color:var(--ui-tag060);}
/* ---- ##profile-field02 :  기자홈 기자프로필 통계박스 ---- */
.profile-field02.open .btn-type408-toggle.active{background-color:var(--ui-tag001);}
/* =============== ####List text & 기타 ======================== */
/* ---- ##list-search (실시간 뉴스 검색 목록) ---- */
/* ---- ##list-text02 ---- */
.list-text002 .list01 li.active .txt01{background-color:var(--ui-tag060);}
/* ---- ##list-text270 : [서브] 우분투 아프리카 나우 (PFRT-2375) ---- */
.list-text270 .txt01{fill:var(--ui-tag501);}
/* ---- ##list-text523 : [마이페이지] 스코어적립내역 리스트 ---- */
.list-text523>.list01>li{border-color:var(--ui-tag007);}
/* ---- ##list-text541 : [마이페이지] 스코어적립기준 리스트 ---- */
.list-text541>.tit01{color:var(--font-color006);}
/* =============== ####List type ======================== */
[class*='list-type'] [class*='item-box0'] .img-none01 .img{background-color:var(--ui-tag011);}
.img-none01:after{filter:var(--ui-filter003);opacity:0.1;}
/* item-box0$.style01 : 썸네일 말풍선 스타일 */
[class*='list-type'] [class*='item-box0'].style01 .img:after{border-left:16px solid var(--ui-tag500);}
/* ---- ##list-type032 : [메인] youtube 채널 ---- */
.list-type032 .item-box01{background-color:var(--ui-tag502);}
.list-type032 li .txt-type002 .tit01{color:var(--font-color006) !important;}
/* ---- ##list-type051 : [메인] 이슈 ---- */
.list-type051 .news-con:before{background:var(--ui-tag500);}
.list-type051 [class*='item-box0'].style01 .img:after{border-left:16px solid var(--ui-tag031);}
.list-type051 .item-box02 .news-con:before{background-color:var(--ui-tag060);}
/* ---- ##list-type213 : [서브] ---- */
/* 섹션 특파원 */
.list-type213 .list01 li .item-box01 .news-con{background-color:var(--ui-tag502);}
/* ---- ##list-type218 : [서브] 오늘의경기 내일의경기 ---- */
.list-type218 [class*='item-box1'] .tit-news .tit,
.list-type218 .item-box11 .tit-news .day{color:var(--font-color002);}
.list-type218 .item-box11 .tit-news .tit::after{filter:var(--ui-filter003);}
.list-type218 .item-box12 .tit-news .tit,
.list-type218 .item-box12 .tit-news .day{color:var(--font-color505);}
.list-type218 .item-box12 .tit-news .tit::after{filter:var(--ui-filter105);}
.list-type218 [class*='item-box1'] .txt-type004{background-color:var(--ui-tag506);color:var(--font-color025);}
/* ---- ##list-type224 : [서브] 마켓플러스 슬러그 기사 리스트 ---- */
.list-type224 .list01 .item-box01 .img-con01::before{border-left-color:var(--ui-tag600);}
/* ---- ##list-type226 : [서브] 마켓플러스 리스트 ---- */
.list-type226 .list01>li .item-box01 .title01{color:var(--font-color500);}
.list-type226 .list01>li .item-box01 .title01::after{background-color:var(--ui-tag500);}
.list-type226 .img-con01::after{background-color:rgba(255,255,255,.40);}
/* ---- ##[비주얼뉴스] list-type304 : 비주얼뉴스 #D ---- */
.list-type304 .item-box01{background-color:var(--ui-tag502);}
.list-type304 [class*='item-box0'].style01 [class*='img-con']:before{border-left:16px solid var(--ui-tag500);}
.list-type304>.list01 li.top-news .item-box01{background-color:transparent;}
.list-type304>.list01 li.top-news .txt-type003>.txt01{background-color:var(--ui-tag060);}
.list-type304>.list01 li.top-news .txt-type003:before{background-color:var(--ui-tag060);}
/* ---- ##[뉴스플러스] list-type307 : 뉴스플러스 리스트 ---- */
.list-type307 .list01 li .news-con{background-color:var(--ui-tag502);}
/* ---- ##[뉴스플러스] list-type308 뉴스플러스 관심사뉴스패키지서브 ---- */
.list-type308 .list01 li [class*='item-box0'] .lead{color:var(--font-color006);}
/* ---- ##[뉴스플러스] list-type315 : 기자홈 기자리스트 ---- */
.list-type316>.list01>li{background-color:var(--ui-tag502);}
.list-type316>.list01>li .img-con01 .img{background-color:var(--ui-tag503);}
/* ---- ##[비주얼뉴스] list-type317 : 비주얼뉴스 많이본 포토, 그래픽 ---- */
.list-type317 [class*='img-con'] .label-box01{background-color:var(--ui-tag510);}
/* ---- ##[비주얼뉴스] list-type319 : 비주얼뉴스 #D ---- */
.list-type319 .item-box01{background-color:var(--ui-tag502);}
/* list-type320 : 비주얼뉴스홈 - 주요포토  */
.list-type320 .layer-txt{background-color:var(--ui-tag060);}
.list-type320 .pager01 .txt-dash,
.list-type320 .pager01 .txt-total{color:var(--font-color507);}
.list-type320 [class*='btn-dir001']:before{background-color:var(--ui-tag503);}
.list-type320 [class*='btn-dir001'].disable:after,
.list-type320 [class*='btn-dir001'].swiper-button-disabled:after,
.list-type320 .btn-dir001-prev:after,
.list-type320 .btn-dir001-next:after{filter:var(--ui-filter012);}
.list-type320 .date{color:var(--font-color507);}
/* ---- ##list-text510 : [마이페이지] 개인정보 ---- */
.list-text510>ul>li{background-color:var(--ui-tag060);}
.list-text510 .img-none01{border-color:var(--ui-tag003);}
.list-text510 .info-box03 .btn-type201+.btn-type201:after{background-color:var(--ui-tag003);}
/* ---- ##list-text512 : [마이페이지]뉴스 구독 습관 분석 ---- */
.list-text512>ul>li>.item-box01 [class*='chart-box'],
.list-text512 .txt-type019:after,
.list-text512 .txt-type019{background-color:var(--ui-tag502);}
/* ---- ##list-text522 : [마이페이지] 이용권쿠폰 ---- */
.list-text522>ul>li [class*='item-box'] .txt01{color:var(--font-color006);}
/* ---- ##list-text530 : [마이페이지] 혜택리스트 ---- */
.list-text530 .list01 li{background-color:var(--ui-tag502);}
/* ---- ##list-text531 : [마이페이지] 쿠폰 ---- */
.list-text531 .list01 li .item-box01{background-color:var(--ui-tag502);}
/* ---- ##list-text532 : [마이페이지] 이용권 ---- */
.list-text532 .list01 li .item-box01{background-color:var(--ui-tag502);}
/* ---- ##[y뷰어] list-type541 : y뷰어 관심사 뉴스 ---- */
.list-type541 [class*='list0'] .item-box01{background-color:var(--ui-tag019);}
.list-type541 [class*='list0'] .btn-type411-toggle.active{background-color:var(--ui-tag019);}
/* ---- ##[y뷰어] list-type542 : y뷰어 관심사 뉴스 ---- */
.list-type542 [class*='list0'] .item-box01{background-color:var(--ui-tag019);}
.list-type542 [class*='list0'] .btn-type411-toggle.active{background-color:var(--ui-tag019);}
/* ---- ##[연합 라운지] list-type570 ---- */
.list-type570 .item-box01 .news-con>.txt-info>.txt01:after{background-color:var(--ui-tag501);}
/* =============== ####news-type (Single News) ======================== */
[class*='news-type'] [class*='tit-news'] [class*='title']{color:var(--font-color003);}
.news-type004{border-color:var(--ui-tag005);}
/*  ##news-type007 : [서브 톱기사] 섹션홈 > 스포츠,연예 list-type605 */
.news-type007 .list01 li.top-news .lead{color:var(--font-color006);}
/* ---- ##news-type01 : 톱뉴스 item-box ---- */
.news-type102 .wide-timeline01:after{background:var(--ui-tag100);}

/* =============== ####Box type ======================== */
/* box-type 공통 */
/* ---- ##box-type01 ---- */
/* ---- ## box-type230~249 ---- */
/* 230 ~ 249 : 기자
* box-type230 : 기자 기사 리스트
* box-type231 : 기자 전체 리스트
* box-type232 : 기자 리스트 없음 */
.box-type060{background:var(--ui-tag001) !important;}
.box-type230{background-color:var(--ui-tag502);}

/* =============== ####Box Wrap ======================== */


/* =============== ####SwiperJS 용 클래스 공통설정 ======================== */
/* progressbar */


/* ---- ##align-zone01 뉴스플러스 리스트 정렬박스  ---- */
.align-zone01>.sort{background-color:var(--ui-tag502);}
.align-zone01>.sort [class*='btn-type'] .txt01{color:var(--font-color006);}
.align-zone01>.sort [class*='btn-type'].active .txt01{color:var(--font-color002);}

/* ---- ##[사이트맵] link-zone03 : 일별 리스트 ---- */
.link-zone03 .list01 li a:focus,
.link-zone03 .list01 li a:hover{}


/*************************************************
* ######스타일 : 배너, 광고, 이벤트 (style.css)
*************************************************/
.bnr-wrap001.people:before,
.bnr-wrap001.newspaper:before{filter:var(--ui-filter003);}
.bnr-wrap002{background-color:var(--ui-tag600);}
.bnr-wrap005 .txt01{color:var(--font-color500) !important;}
.bnr-wrap007 .txt01{color:var(--font-color500);}
.bnr-wrap008 .txt02:before{background-color:var(--ui-tag501);}
.bnr-wrap026>a>.con .txt01{color:var(--font-color506);}
/* RSS */


/*************************************************
* ######광고영역
*************************************************/
/* PC 타불라 광고 */
.thumbs-feed-2x4 .video-title{color:var(--font-color003) !important;}
.thumbs-feed-2x4 .video-published-date{color:var(--font-color004) !important;}

/* APP 타불라 광고 */
.thumbs-feed-3x2 .video-title{color:var(--font-color003) !important;}

/*************************************************
* ######날씨영역(weather_ui03.css)
*************************************************/
.fw-img{background-image:url(//r.yna.co.kr/www/home_n/v03/img/sp_weather_all02.svg);}
.ww-img{background-image:url(//r.yna.co.kr/www/home_n/v03/img/sp_weather_all02.svg);}
.aw-img{background-image:url(//r.yna.co.kr/www/home_n/v03/img/sp_weather_all04.svg);}
.w-animation-icon,
.s-animation-icon{background-image:url(//r.yna.co.kr/www/home_n/v03/img/icon_weather_animation02.svg);}
body[data-weather] .location-weather-area select{color:var(--font-color002);}
body[data-weather] .weather-breaking-news{background:var(--ui-tag511) !important;}
body[data-weather] .w-breaknews-more{filter:var(--ui-filter003);}
body[data-weather] .w-break-news .breaknews-title:after,
body[data-weather] .w-break-news .breaknews-title:before{background:var(--ui-tag602) !important;}
body[data-weather] .rwhs-area li p{filter:var(--ui-filter014);}
body[data-weather] .location-weather-area button.btn-location-move{background:var(--ui-tag600);border-color:var(--ui-tag600);}
body[data-weather] .btn-attention-move{background:var(--ui-tag060);}
body[data-weather] .location-weather-area select option{background-color:var(--ui-tag001);border-radius:0;border-color:var(--ui-tag004);}
/* 지도 */
body[data-weather] .city-tab-contents{background:var(--ui-tag038) url(//qa-r.yna.co.kr/www/home_n/v03/img/bg_map02.jpg) no-repeat 50% 50% !important;}
body[data-weather] .public-city-list ul li{background:var(--ui-tag502);}
body[data-weather] .ampm-tab li button{color:var(--font-color006);}
body[data-weather] .ampm-tab li.day-tab-on button{background-color:var(--ui-tag600);border-color:var(--ui-tag600);}
/* 태풍정보 */
body[data-weather] .typhoon-rank .txt-rank{color:var(--font-color500) !important;}
body[data-weather] .typhoon-rank .rank05{background:var(--ui-tag605) !important;}
body[data-weather] .typhoon-rank .rank04{background:var(--ui-tag606) !important;}
body[data-weather] .typhoon-rank .rank03{background:var(--ui-tag607) !important;}
body[data-weather] .typhoon-rank .rank02{background:var(--ui-tag608) !important;color:var(--font-color001) !important;}
body[data-weather] .typhoon-rank .rank01{background:var(--ui-tag609) !important;color:var(--font-color001) !important;}

/* 날씨뉴스 */
body[data-weather] .aside-news-list li{border-top-color:var(--ui-tag005);}
/* select 레이어 */
.weather-condition-field01 .sort,
body[data-weather] .location-weather-area select{background-color:var(--ui-tag001);}
/* 섹션-마켓+(패닉붐) */
/*.market-content01 .box-market-panic{overflow:hidden;} 삭제하기로 허범혁리더와 협의완료(250716)*/
/* 섹션-유튜브 채널 */
.subscriber-type001 .area .info-box02 .txt-type01:after{filter:var(--ui-filter001);}

/*************************************************
* ######게시판 (style.css)
*************************************************/
:root body[class*='body-bbs-']{
	/* =============== ####변수 정의 ======================== */
	/* [ui]무채색 00 ~ 19 */
	--ui-tag00:transparent; /* (default) */
	--ui-tag01:#121212; /* #fff */
	--ui-tag02:#F1F1F1; /* #111 */
	--ui-tag03:#444; /* #CDCDCD */
	--ui-tag04:#333; /* #E9E9E9 */
	--ui-tag05:#D0D0D0; /* #444 */
	--ui-tag06:#1E1E1E; /* #F9F9F9 */
	--ui-tag07:#777; /* #888 */
	--ui-tag08:#232426; /* #F6F8FC */
	--ui-tag09:#232426; /* #F6F8FC */
	
	/* [ui]그외 20 ~ $$ */
	--ui-tag21:#6D93FF; /* #4F6FCB */

	/* ---- ##ui-tag50~79 다크신규생성 ---- */
	/* --ui-tag50~: 무채색 */
	--ui-tag50:#444;
	--ui-tag51:#000;
	--ui-tag52:#24242B;
	--ui-tag53:#2C2C2C;
	--ui-tag54:#414960;
	
	/* --ui-tag80~: 유채색 */
	--ui-tag80:#4F6FCB;
	
	/* [font]무채색 00 ~ 19 */
	--font-color00:transparent; /* (default) */
	--font-color01:#121212; /* #fff */
	--font-color02:#F1F1F1; /* #111 */
	--font-color03:#A0A0A0; /* #666 */
	--font-color04:#777; /* #888 */
	--font-color05:#D0D0D0; /* #444 */
	--font-color06:#444; /* #CDCDCD */
	/*--font-color07:#000;*/
	
	/* [font]그외 20 ~ $$ */
	/* --font-color21{} */
	--font-color21:#6D93FF; /*#4F6FCB*/
	/*--font-color22:#CF4223;
	--font-color23:#374E8E;*/
	/* ---- ##font-color500~999 다크신규생성 ---- */
	/* --font-color500~: 무채색 */
	

}

/* =============== ####재정의 ======================== */
/* =============== #### ico ======================== */
body[class*='body-bbs-'] .ico-arrow02{filter:var(--ui-filter003);}
body[class*='body-bbs-'] .ico-view01{filter:var(--ui-filter016);}
/* txt-color : 텍스트 꾸밈요소 */
body[class*='body-bbs-'] .txt-color05{color:var(--font-color21);}
/* =============== #### txt-unit ======================== */
body[class*='body-bbs-'] .txt-unit18{color:var(--font-color21);}
/* =============== #### info-group ======================== */
body[class*='body-bbs-'] .info-group16 [class*="ico-"]{filter:var(--ui-filter016);}
/* =============== #### item-box ======================== */
body[class*='body-bbs-'] [class*="item-box0"]:hover{background-color:var(--ui-tag52);}
body[class*='body-bbs-'] .item-box03:hover{background-color:var(--ui-tag00);}
body[class*='body-bbs-'] .item-box10 .text-con10 .txt-unit04,
body[class*='body-bbs-'] .item-box10 .text-con11 .txt-unit04{color:var(--font-color05);}
/* =============== #### btn-unit ======================== */
body[class*='body-bbs-'] [class*="btn-unit00"], [class*="btn-unit020"]{background-color:var(--ui-tag80);}
body[class*='body-bbs-'] [class*="btn-unit00"].disable, [class*="btn-unit020"].disable{background-color:var(--ui-tag54);}
body[class*='body-bbs-'] [class*="btn-unit00"] .txt01, [class*="btn-unit020"] .txt01{color:var(--font-color02);}
body[class*='body-bbs-'] [class*="btn-unit020"]{background-color:var(--ui-tag80);}
body[class*='body-bbs-'] [class*="btn-unit020"] .txt01{color:var(--font-color02);}
/* ---- ##btn-type042 : 스크롤 최상단 이동 버튼 ---- */
body[class*='body-bbs-'] .btn-unit021{border:1px solid var(--ui-tag04);background-color:rgba(18,18,18,.6);}
body[class*='body-bbs-'] .btn-unit021:before{filter:var(--ui-filter001);}
body[class*='body-bbs-'] [class*="btn-unit03"] [class*="ico-"]{filter:var(--ui-filter014);}
body[class*='body-bbs-'] [class*="btn-unit04"]{border-color:var(--ui-tag50);}
body[class*='body-bbs-'] .btn-unit040 .txt01{color:var(--ui-tag05)}
body[class*='body-bbs-'] .btn-unit050{filter:var(--ui-filter016);}
body[class*='body-bbs-'] .btn-unit060{filter:var(--ui-filter003);}
body[class*='body-bbs-'] .btn-unit071{filter:var(--ui-filter003);}
body[class*='body-bbs-'] .btn-unit080{background-color:var(--ui-tag80);}
body[class*='body-bbs-'] .btn-unit080 > button.text01{color:var(--ui-tag02);}
body[class*='body-bbs-'] .btn-unit090-toggle{filter:var(--ui-filter016);}
body[class*='body-bbs-'] .btn-unit120 .txt01{color:var(--font-color01);}
body[class*='body-bbs-'] .btn-unit121 .txt01{color:var(--ui-tag01);}
/* =============== #### btn-group ======================== */
@media screen and (max-width:1023px){
	body[class*='body-bbs-'] .btn-group02 .area{background-color:var(--ui-tag53);}
}
/* =============== #### paging-unit ======================== */
body[class*='body-bbs-'] .paging-unit01 .num.on{color:var(--ui-tag02);}
body[class*='body-bbs-'] .paging-unit01 .first,
body[class*='body-bbs-'] .paging-unit01 .last,
body[class*='body-bbs-'] .paging-unit01 .prev,
body[class*='body-bbs-'] .paging-unit01 .next{filter:var(--ui-filter016);}
/* =============== #### input-text / select ======================== */
body[class*='body-bbs-'] .label-check01 label:after{filter:var(--ui-filter015);}
body[class*='body-bbs-'] .select-list03 .btn-text01{color:var(--font-color02);}
body[class*='body-bbs-'] .select-list03 .list01{background-color:var(--ui-tag53);}
body[class*='body-bbs-'] .select-list03 .list01 button{color:var(--font-color02);}
body[class*='body-bbs-'] input.text01{background-color:var(--ui-tag00);}
/* =============== #### popup-wrap$$ ======================== */

body[class*='body-bbs-'] .popup-wrap01 .popup-unit01{background-color:var(--ui-tag53);}
@media screen and (max-width:1023px){
	body[class*='body-bbs-'] .popup-wrap01:has(.popup-unit02):before{background-color:var(--ui-tag51);}
}
@media screen and (max-width:767px){
	body[class*='body-bbs-'] .popup-wrap01 .popup-unit02{background-color:var(--ui-tag51);}
}
body[class*='body-bbs-'] [class*="popup-wrap2"] .popup-unit01{background-color:var(--ui-tag53);}
body[class*='body-bbs-'] [class*="popup-wrap2"] .txt-unit50{color:var(--font-color05);}
body[class*='body-bbs-'] [class*="popup-wrap2"] .btn-unit003{background-color:var(--ui-tag04);}
/* =============== #### colum-box$$ ================ ======== */
body[class*='body-bbs-'] [class*="colum-box0"] [class*="list0"]{color:var(--font-color05);}

/*************************************************
* ######서비스안내 (style.css)
*************************************************/
:root body[class*='page-svc0']{
	/* =============== ####변수 정의 ======================== */
	/* [ui]무채색 00 ~ 19 */
	--ui-tag00:transparent; /* (default) */
	--ui-tag01:#121212; /* #fff */
	--ui-tag02:#F1F1F1; /* #111 */
	--ui-tag03:#444; /* #CDCDCD */
	--ui-tag04:#333; /* #E9E9E9 */
	--ui-tag05:#D0D0D0; /* #444 */
	--ui-tag06:#1E1E1E; /* #F9F9F9 */
	--ui-tag07:#777; /* #888 */
	--ui-tag08:#232426; /* #F6F8FC */
	--ui-tag09:#232426; /* #F6F8FC */
	
	/* [ui]그외 20 ~ $$ */
	--ui-tag21:#374E8E;
	--ui-tag22:#232426; /* #F6F8FC */
	--ui-tag23:#414960; /* #DCE2F5 */
	--ui-tag24:#6D93FF; /* #4F6FCB */
	
	/* ---- ##ui-tag50~79 다크신규생성 ---- */
	/* --ui-tag50~: 무채색 */
	--ui-tag50:#444;
	--ui-tag51:#000;
	--ui-tag52:#24242B;
	--ui-tag53:#2C2C2C;
	--ui-tag54:#A0A0A0;
	
	/* --ui-tag80~: 유채색 */
	--ui-tag80:#4F6FCB;
	
	/* [font]무채색 00 ~ 19 */
	--font-color00:transparent; /* (default) */
	--font-color01:#121212; /* #fff */
	--font-color02:#F1F1F1; /* #111 */
	--font-color03:#A0A0A0; /* #666 */
	--font-color04:#777; /* #888 */
	--font-color05:#D0D0D0; /* #444 */
	--font-color06:#444; /* #CDCDCD */
	/*--font-color07:#000;*/
	
	/* [font]그외 20 ~ $$ */

	--font-color20:#6D93FF; /*#4F6FCB*/

	/* ---- ##font-color50~99 다크신규생성 ---- */
	/* --font-color50~79: 무채색 */
	/* --font-color80~99: 유채색 */
	--font-color80:#4F6FCB;

}

/* =============== ####Button ======================== */
body[class*='page-svc0'] .btn-unit01{color:var(--font-color02);background-color:var(--ui-tag80);}
/* =============== ####Tab ======================== */
body[class*='page-svc0'] .tab-unit01{background-color:var(--ui-tag53);}
body[class*='page-svc0'] .tab-unit01 .active .tab{background-color:var(--ui-tag21);}
body[class*='page-svc0'] .tab-unit01 .active .tab .txt01{color:var(--font-color02);}
/* =============== ####Title ======================== */
body[class*='page-svc0'] .title-unit01 .tit01{color:var(--font-color02);}
body[class*='page-svc0'] .title-unit02 .tit01{color:var(--font-color80);}
body[class*='page-svc0'] .title-unit03{color:var(--font-color02);}
/* ---- ##txt-unit$$ (공통) ---- */
body[class*='page-svc0'] .txt-unit02 .txt01{color:var(--font-color04);}
/* =============== ####list-unit======================== */
body[class*='page-svc0'] .list-unit01 .list>li:before{background-color:var(--ui-tag54);}
/* =============== ####visual-unit$$ ======================== */
body[class*='page-svc0'] .visual-unit01 .tit{color:var(--font-color02);}