@charset "utf-8";
/*************************************************
* 프로젝트명 : 모바일 다크모드
* comment : dark.css
* prefers-color-scheme:dark
*************************************************/

/* ####변수 정의
 * --ui-tag$$ : element에 사용되는 색상
 * --ui-filter$$ : filter 기능을 통해 element 및 이미지에 색상 변경 가능
 * --font-color$$ : 폰트에 사용되는 색상*/
:root {
	--ui-tag00:transparent; /* (default) */
	--ui-tag01:#fff; /* (default) */
	--ui-tag02:#000; /* (default) */
	--ui-tag03:#1f1f1f; /* (light) #fff, #c8c8c8, #f4f6f8 */
	--ui-tag04:#333; /* (light) #f1f1f1 : 팝업배경 */
	--ui-tag05:#444; /* (light) #f2f4f8 */
	--ui-tag06:#666; /* (light) #e3e5e8, #d3d6d7, #fff, #c8c8c8 */
	--ui-tag07:#777; /* (light)  */
	--ui-tag08:#888; /* (light)  */
	--ui-tag09:#999; /* (light) #666, #636363, #8f9192 */
	--ui-tag10:#222;
	--ui-tag11:#f1f1f1;
	--ui-tag12:#2e2e2e; /* (light) #fafafa */
	--ui-tag13:#121212; /* (light) #f4f6f8 */
	--ui-tag15:#2d2d2d; /* (light) #fff */
	--ui-tag16:#8d8d8d; /* (light) #eee */
	--ui-tag31:#111; /* (light) #f1f4f8 */
	--ui-tag32:#2a2d31; /* (light) #f2faff | .bg13 */
	--ui-tag33:#434343; /* (light:gray) #f1f3f7 */
	--ui-tag41:#4cb3fe; /* (light:blue) #0068d1, #2868ca, #096dd3, #1977d6 */
	--ui-tag42:#0068d1; /* (light:blue) #3464a8, #306cc0 */
	--ui-tag43:#4661b8; /* (light:blue) #374572 */
	--ui-tag51:#fd3b3b; /* (light:red) #fa3a3a */
	--ui-tag52:#ff6d6d; /* (light:red) #f00, #e53939 */
	--ui-tag61:#b3761f; /* (light:brown) 광고마크 */
	--ui-tag71:#5a626a; /* (light) selection #fff2a8 */
	--ui-tag72:#b71b42; /* (light:red) */
	--ui-tag73:#898989;
	--ui-tag81:rgba(0,0,0,0.5);

	--ui-filter00:transparent; /* (default) */
	--ui-filter01:brightness(0) invert(1); /* (default) 모든색 → #fff */
	--ui-filter02:brightness(0) invert(0); /* (default) 모든색 → #000 */
	--ui-filter03:brightness(0) invert(0.945); /* (dark) 모든색 → #f1f1f1 */
	--ui-filter04:brightness(0) invert(0.2); /* (dark) 모든색 → #333 */
	--ui-filter05:brightness(0) invert(0.734); /* (dark) 모든색 → #444 */
	--ui-filter06:brightness(0) invert(0.4); /* (dark) 모든색 → #666 */
	--ui-filter07:brightness(0) invert(0.465); /* (dark) 모든색 → #777 */
	--ui-filter08:brightness(0) invert(0.534); /* (dark) 모든색 → #888 */
	--ui-filter09:brightness(0) invert(0.6); /* (dark) 모든색 → #999 */
	--ui-filter10:brightness(0) invert(0.8); /* (dark) 모든색 → #ccc */
	/* (dark) #0068d1, #2868ca → #4cb3fe */
	--ui-filter41:brightness(0) saturate(100%) invert(63%) sepia(15%) saturate(2895%) hue-rotate(179deg) brightness(101%) contrast(99%);
	/* (dark) 아이프레임 : 단색 */
	--ui-filter81:invert(100%) brightness(300%) hue-rotate(180deg);

	--font-color00:transparent; /* (default) */
	--font-color01:#fff; /* (default) */
	--font-color02:#000; /* (default) */
	--font-color03:#f1f1f1; /* (light) #000, #c8c8c8 */
	--font-color04:#333;
	--font-color05:#444;
	--font-color06:#666; /* (light) #c8c8c8, #999 */
	--font-color07:#777;
	--font-color08:#888;
	--font-color09:#999; /* (light) #666, #636363, #6c6c6c, #8f9192, #474747, #4a4a4a */
	--font-color10:#ccc;
	--font-color11:#c7c7c7; /* (light) #4a4a4a */
	--font-color41:#4cb3fe; /* (light:blue) #fff, #0068d1, #2868ca, #096dd3, #1977d6 */
	--font-color42:#87a2f8; /* (light:blue) #213989 */
	--font-color43:#a796ff;
	--font-color51:#fd3b3b; /* (light:red) #fa3a3a */
	--font-color52:#ff6d6d; /* (light:red) #f00, #e53939 */
}

/*************************************************
* ######스타일 : 디폴트 (default.css)
*************************************************/
body{background-color:var(--ui-tag03);color:var(--font-color03);}
mark{background:var(--ui-tag00);}

/* selection */
::selection{background:var(--ui-tag71);}
::-moz-selection{background:var(--ui-tag71);}

/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	/* ---- ##layout ---- */
	body{background-color:var(--ui-tag02);}
	.wrapper{background-color:var(--ui-tag03);}
}

/*************************************************
* ######스타일 : 레이아웃 (layout.css)
*************************************************/

/* =============== ####레이아웃 ======================== */
/* ---- ##헤더 | header (common) ---- */
[class*='header-type']{border-color:var(--ui-tag05);}

/* ---- ##내비게이션 | navigation (common) ---- */
/* nav-type$$ : 내비게이션 스타일 */
/* nav-type02, nav-type03, nav-type04 */
.nav-type02,
.nav-type03,
.nav-type04{background-color:var(--ui-tag03);}

/* nav-type11 */
.nav-type11 .list li{background-color:var(--ui-tag05);}
.nav-type11 .list a{color:var(--font-color03);}
/* li.on : 특집메뉴 */
.nav-type11 .list li.on a{color:var(--font-color03);}
/* style01 */
.nav-type11.style01:after{
background:-webkit-linear-gradient(left, rgba(31,31,31,0) 0%,rgba(31,31,31,1) 100%);
background:linear-gradient(to right, rgba(31,31,31,0) 0%,rgba(31,31,31,1) 100%);}

/* nav-wrap$$ : 내비게이션 부모영역 (상위) */
.nav-wrap .btn-jebo{background-color:var(--ui-tag04) !important;color:var(--font-color03);}
.nav-wrap02,
.nav-wrap11{background-color:var(--ui-tag03);}

/* 2024총선 메뉴 */
.nav-type01 .list a.election{color: var(--font-color43);}

/* 총선 사전투표(투표율 차트) */
.bnr-wrap048{}
.bnr-wrap048 .vote-status .date .num{color:var(--ui-tag03);}
.bnr-wrap048 .vote-status .total-rate .title{color:var(--ui-tag03);}
.bnr-wrap048 .list-unit106 .head .title{color:var(--font-color03);background-color:rgba(242, 245, 251, 0.2);border-top:1px solid #999;}
.bnr-wrap048 .list-unit106 .head .title+.title{border-top:1px solid #666;}

.bnr-wrap048 .list-unit106 .list li .col{border-top:1px solid #666;;border-left:1px solid #666;}
.bnr-wrap048 .list-unit106 .list li:first-child .col{border-top:1px solid #999;}

.bnr-wrap048 .list-unit106 .list li:nth-child(2) .col{color:var(--font-color43);}
.bnr-wrap048 .list-unit106 .list li:nth-child(1) .col.lowest{background-color:rgba(21, 53, 213, 0.6);}
.bnr-wrap048 .list-unit106 .list li:nth-child(2) .col.lowest{color:#d6ddff;background-color:rgba(21, 53, 213, 0.6);}

.bnr-wrap048 .list-unit106 .list li:nth-child(1) .col.top{background-color:rgba(209, 25, 25, 0.6);}
.bnr-wrap048 .list-unit106 .list li:nth-child(2) .col.top{color:#ffdede;background-color:rgba(209, 25, 25, 0.6);}

.bnr-wrap048 .dash-board:before{opacity:1}
.bnr-wrap048 .region-counting .select-unit101>.btn{border:1px solid rgba(255, 255, 255, 0.1);background-color:#333;}
.bnr-wrap048 .region-counting .select-unit101>.btn .txt{color:#f1f1f1;}
.bnr-wrap048 .region-counting .select-unit101>.btn .ico02{border-top:6px solid #f1f1f1;}
#map2020_district_v6{opacity:0.9}

.bnr-wrap048 .vote-status .total-rate .title{color:#000;}
.bnr-wrap048 .item-unit102 .head .title{color:#000;}
.bnr-wrap048 .item-unit102 .hubo .info .name{color:#000;}
.bnr-wrap048 .item-unit102 .hubo .info .party{color:#000;}
.bnr-wrap048 .item-unit102 .hubo .info .interview{color:#000;}

.bnr-wrap048 .region-counting .select-unit101 .list{border:1px solid rgba(255, 255, 255, 0.1);background-color:#333;}
.bnr-wrap048 .region-counting .select-unit101 .list li .btn{color:#fff;background-color:#333;}

.bnr-wrap048>.btn-wrap button{color:#f1f1f1;border-color:#eee;background-color:transparent;}
.bnr-wrap048>.btn-wrap button .ico{border-color:#f1f1f1;}

.bnr-wrap048 .list-unit101.style01 .list li:nth-child(1):before,
.bnr-wrap048 .list-unit101.style01 .list li:nth-child(4):before,
.bnr-wrap048 .list-unit101.style01 .list li:nth-child(7):before{color:var(--ui-tag03);}

/* ---- ##헤더부모 | wrap-header ---- */
/* .wrap-header 하위요소 정렬  */
[class*='wrap-header'],
.wrap-header01 [class*='header-type'],
.wrap-header01 .nav-wrap{background-color:var(--ui-tag03);}

/* ---- ##컨테이너 | container (common) ---- */
.container{background-color:var(--ui-tag03);}

/* 대형 프레임 : 768px 이상 */
@media only screen and (min-width:768px){
	.content03,
	.content04{background-color:var(--ui-tag03);}

	/* 중앙세로줄 */
	.content01:after,
	.content02:after{background:var(--ui-tag06);}

	/* 하단 가로줄 */
	.layout02 .content03,
	.layout04 .content03,
	.layout03 .content04,
	.layout04 .content04{border-color:var(--ui-tag06);}

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

/* ---- ##푸터 | footer (common) ---- */
.footer-type01{background-color:var(--ui-tag13);color:var(--font-color09);}
.footer-type01 .txt-copy{color:var(--font-color09);}

/* 외국어 뉴스 링크 */
.lang-link01 .btn-pick,
.lang-link01 .list01{border:1px solid var(--ui-tag05);background-color:var(--ui-tag04);}
.lang-link01 .btn-pick .txt,
.lang-link01 .list01>li a{color:var(--font-color03);}
.lang-link01 .btn-pick:before{filter:var(--ui-filter03);}
.lang-link01 .txt-lang:after{filter:var(--ui-filter09);}

/* 푸터의 전체메뉴 */
.menu-wrap01 ul a{color:var(--font-color09);}
.menu-wrap01 .dep01>li>a{border:1px solid var(--ui-tag05);background-color:var(--ui-tag04);color:var(--font-color03);}
.menu-wrap01 .dep01>li>a:after{filter:var(--ui-filter03);}

/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width:1024px){
	/* ---- ##footer ---- */
	/* footer : 공통 폰트스타일 */
	.footer-type01 .menu-wrap01 .dep01>li>a,
	.footer-type01 .menu-wrap01 .dep02>li>a,
	.footer-type01 .lang-link01 .list01>li a{color:var(--font-color09);}
	.footer-type01 .lang-link01 .txt-lang,
	.footer-type01 .menu-wrap01 .dep01>li>a{color:var(--font-color03);}
	.menu-wrap01 .dep01,
	.menu-wrap01 .dep01>li{border-color:var(--ui-tag05);}
	.menu-wrap01 .dep01>li>a{background-color:var(--ui-tag00);border:var(--ui-tag91);color:var(--font-color03);}
	.menu-wrap01 .dep01>li>a:not([href='#none']):after{filter:var(--ui-filter09);}
}

/* =============== ####팝업 ======================== */

/* ---- ##팝업 | 전체메뉴 ---- */
/* /* 전체메뉴 : popup-type$$ 을 사용하지 않고 개별선언 */
.popup-whole-menu,
.popup-whole-menu .pop-content,
.popup-whole-menu .search-zone,
.popup-whole-menu .scroller{background-color:var(--ui-tag03);}
.popup-whole-menu .menu-box11{background-color:var(--ui-tag13);}
.popup-whole-menu .pop-header,
.popup-whole-menu .menu-box01{border-color:var(--ui-tag05);}

/* ---- ##popup-type01 | 최신기사, 뉴스 검색 ---- */
.popup-type01{background-color:var(--ui-tag03);}
.popup-type01 .pop-header{border-color:var(--ui-tag05);}
.popup-type01 .pop-footer{background-color:var(--ui-tag03);}
.popup-type01 .pop-footer .txt-mes01{color:var(--font-color09);}

/* 최신기사 : popup-type01 확장형 */

/* 뉴스 검색 : popup-type01 확장형 */
.pop-search .pop-footer:after{background:var(--ui-tag05);}

/* ---- ##popup-type02 | 폰트크기, SNS공유, 요약문 ---- */
.popup-type02 .pop-wrap,
.popup-type02 .pop-wrap .pop-header{background-color:var(--ui-tag04);}
.popup-type02 .pop-wrap .pop-header .tit01,
.popup-type02 .pop-wrap .pop-content{color:var(--font-color03);}

/* 뉴스 공유하기 : popup-type02 확장형
 * 가로모드 : .share-con 부분 스크롤 */
.pop-share01{}
.pop-share01 .desc-con dt{color:var(--font-color03);}
.pop-share01 .desc-con dd{color:var(--font-color06);}

/* 본문 글자 크기 조정 : popup-type02 확장형 */
.pop-fontsize01 .exam-con{border-color:var(--ui-tag06);color:var(--font-color03);}
.pop-fontsize01 .desc-con{color:var(--font-color06);}

/* 본문 요약서비스 : popup-type02 확장형 */
.pop-summary01 .desc-con{color:var(--font-color06);}
.pop-summary01 .summary-con{border-color:var(--ui-tag06);}

/* =============== ####소재 ======================== */

/* =============== ####기사본문 레이아웃 ======================== */
/* 브레드크럼 - (기존SVG) #svgArrow009 */
.nav-path01>li>a,
.nav-path01>li>span{color:var(--font-color41);}

/* 본문 제목 - 글기사 */
.title-article01 .update-time{color:var(--font-color09);}

/* 다국어 링크 / #svgArrow008 */
.link-site>li>a{color:var(--font-color41);}
.link-site>li a:after{filter:var(--ui-filter41);}

/* 댓글 영역
 * AOS 앱 브라우저 : filter 없어도 라이브리 영역 제대로 노출. (배경색 #fff 있어도 영향 없음)
 * AOS 크롬 : filter 없으면 배경에 UI가 묻혀 배경색 #fff 선언.
 * IOS : filter 처리해야 UI와 폰트 색이 보임.  */
body.ios .comment-zone iframe{filter:var(--ui-filter81);}
body.adrd .comment-zone iframe{background-color:var(--ui-tag01);}


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

/* ---- ##여백 : 광고 여백 (기본) ---- */
[class*='aside-text'].bg11:before,
[class*='aside-text'].bg11:after,
[class*='aside-box'].bg11:before,
[class*='aside-box'].bg11:after{background-color:var(--ui-tag31);}

/* ---- ##공통 ---- */

/* ---- ##메인(Main) ---- */
/* [톱기사]
 * none-mode : 섬네일이 없는 경우 */
[class*='top-main-news'] .none-mode .item-box{border-color:var(--ui-tag04);}

/* 중형 프레임 : 768px 이상 */
@media only screen and (min-width:768px){
	/* 메인 특파원 르포, 사람들 main-people01 */
	.layout05 [class*='main-people01'].bg11:before{background-color:var(--ui-tag04);}
}

/* ---- ##가두리 ---- */
/* ---- ##뉴스본문 공통 ---- */
/* ---- ##뉴스섹션 ---- */
/* ---- ##2depth 서브메뉴 페이지 ---- */
/* ---- ##경제 ---- */
/* ---- ##전국 ---- */
/* ---- ##문화 ---- */
/* ---- ##사람들 ---- */
/* ---- ##비주얼 공통 ---- */

/* 포토 콘텐츠 모션 */
.photo-main-list01 .item-box>a:before{background-color:var(--ui-tag03);}

/* ---- ##포토 공통 ---- */
/* ---- ##영상 본문 ---- */
/* ---- ##포토 본문(개별포토 본문) ---- */
/* ---- ##포토무비 ---- */
/* ---- ##그래픽 본문  ---- */
/* ---- ##이슈돋보기 (Issue) ---- */
/* ---- ##테마별뉴스 (Theme) ---- */
/* ---- ##기자별 리스트 ---- */

/* ---- ##검색 결과 페이지(Search) ---- */
.page-search [class*='item-box'] b{color:var(--font-color41) !important;}


/* =============== ####ASIS 공통 ======================== */

/* =============== ####기사제보 (ASIS - 008601010000) ======================== */

/* 기사제보 > 상단 제보하기 텍스트 정보 */
.wrap-jebo .txt-list01 .txt-con>p{color:var(--font-color03);}
.wrap-jebo .txt-list01 .link01{color:var(--font-color41);}

/* 기사제보 > 하단 참고사항 텍스트 안내 */
.wrap-jebo .txt-list02 li{color:var(--font-color09);}
.wrap-jebo .txt-list02 li:before{background-color:var(--ui-tag41);}

/* 기사제보 > 첨부파일 안내 */
.wrap-jebo .txt-list03 p{color:var(--font-color03);}
.wrap-jebo .txt-list03 .link01{color:var(--font-color41);}

/* 기사제보 > 카카오 제보 박스
 * 유니크한 filter 값으로 변수값 지정하지 않음
 * .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 .tit:before{filter:brightness(0) saturate(100%) invert(11%) sepia(7%) saturate(4708%) hue-rotate(313deg) brightness(94%) contrast(90%);}
.wrap-jebo .txt-list04:after{filter:brightness(0) saturate(100%) invert(90%) sepia(98%) saturate(4098%) hue-rotate(343deg) brightness(92%) contrast(114%);}
.wrap-jebo .txt-list04 [class*='txt']{filter:brightness(0) saturate(100%) invert(8%) sepia(2%) saturate(13%) hue-rotate(321deg) brightness(101%) contrast(90%);}

/* 기사제보 > 파일첨부 버튼 */
.wrap-jebo .image-widget-data .button{background-color:var(--ui-tag06);color:var(--font-color03);}

/* 기사제보 > 첨부파일 목록 */
.wrap-jebo .progress-wrap{border-color:var(--ui-tag05);background-color:var(--ui-tag04);}
.wrap-jebo .progress-wrap .txt{color:var(--font-color03);}

/* 기사제보 > 체크박스 : 수집동의 */
.wrap-jebo .label-check .txt01{color:var(--font-color03);}

/* 기사제보 > 체크박스 : 입력필드
 * .input-text1$ : div > input, textarea */
.wrap-jebo .tbl-jebo01{border-color:var(--ui-tag05);;background-color:var(--ui-tag04);}
.wrap-jebo [class*="input-text1"],
.wrap-jebo .input-text01>li{border-color:var(--ui-tag05);}
.wrap-jebo [class*="input-text"] input,
.wrap-jebo [class*="input-text"] textarea{background-color:var(--ui-tag04);color:var(--font-color03);}
/* 기사제보 > 스크롤 박스 */
.wrap-jebo .box-scroll01{border-color:var(--ui-tag05);;background-color:var(--ui-tag04);}
.wrap-jebo .box-scroll01 .tit{color:var(--font-color03);}
.wrap-jebo .box-scroll01 .list li .tit{color:var(--font-color03);}
.wrap-jebo .box-scroll01 .list li .txt{color:var(--font-color09);}
/* =============== ####컨트롤 : 앱 (Body Class - Control) ======================== */

/* ---- ##[앱전용]폰트크기 미리보기 (/hybrid/preview/font-size01) ---- */
.page-preview-font01,
.page-preview-font01 .wrapper,
.page-preview-font01 .content03{border:none;background-color:var(--ui-tag04);}

/* =============== ####에러 (ASIS - 008300000000) ======================== */
.wrap-error{background:var(--ui-tag03);}
.wrap-error .tit-sub{color:var(--font-color03);}
.wrap-error p{color:var(--font-color09);}


/* =============== ####모바일서비스 ======================== */
/* ---- ##모바일서비스 (/mobile-service/index) ---- */
.wrap-mobile02 .heading{color:var(--font-color03);}


/*************************************************
* ######스타일 : 본문 소재 (article.css)
*************************************************/

/* =============== ####본문 공통설정 ======================== */
/* ---- ##본문 텍스트 ---- */
.story-news>p,
.story-news>table{color:var(--font-color03);}

/* 부제 */
.story-news .tit-sub:before{background-color:var(--ui-tag06);}

/* 잡지식 스타일 | ISRV-737 */
.story-news>.style001{background-color:var(--ui-tag04);color:var(--font-color03);}
.story-news>.style002{color:var(--font-color42) !important;}

/* 괘선- base64 */
/* 테이블 */

/* (TEX) YNA_BODY LINK */
.story-news>p>a{border-color:var(--ui-tag41);color:var(--font-color41);}

/* YHML - 하이퍼링크, 오픈링크
 * 하이퍼링크 : .story-news .txt-hyper(문장), .story-news p > .txt-hyper (단어)
 * 오픈링크 : .story-news .txt-openurl */
.story-news .txt-hyper a,
.story-news .txt-openurl a{border-color:var(--ui-tag41);color:var(--font-color41);}

/* 저작권 */
.story-news .txt-copyright .txt03{color:var(--font-color03);}

/* YHML - Not Found */

/* ---- ##본문 하단 ---- */

/* ---- ##본문 컴포넌트 공통 (common) ---- */
/* ---- ##이미지 타입 ---- */
.image-zone .tit-cap{color:var(--font-color03);}
.image-zone .txt-desc,
.image-zone .txt-link{color:var(--font-color09);}

/* ---- ##영상 타입 ---- */
.video-zone .tit-cap{color:var(--font-color03);}
.video-zone .txt-desc{color:var(--font-color09);}

/* ---- ##오디오 타입 ---- */
.audio-zone01 .tit-cap{color:var(--font-color03);}
.audio-zone01 .txt-desc{color:var(--font-color09);}

/* ---- ##구글맵 ---- */
.map-zone .tit-cap{color:var(--font-color03);}
.map-zone .txt-desc{color:var(--font-color09);}

/* ---- ##인용구 ---- */
.quote-zone01>p{color:var(--font-color03);}

/* ---- ##구분선 (임시) ---- */
.hr-group .hr01{background-color:var(--ui-tag09);}

/* ---- ##문단 타입 ---- */
.paragraph-zone01 .tit-cap{color:var(--font-color03);}
.paragraph-zone01 .detail{color:var(--font-color09);}

/* ---- ##SNS 임베디드 ---- */

/* ---- ##키워드 영역 ---- */
.keyword-zone>ul>li>a{color:var(--font-color41);}

/* ---- ##첨부파일 ---- */
.attach-zone01 .list>li>a{color:var(--font-color41);}

/* ---- ##기자영역 ---- */
.writer-zone .tit-name{color:var(--font-color03);}

.writer-zone51 .tit-name{color:var(--font-color03);}
.writer-zone51 .tit-name + .unit{color:var(--font-color03);}
.writer-zone51 .btn-more04 .txt{color:var(--font-color09);}

/* ---- ##개별 포토 본문 ---- */

/* ---- ##개별 영상 본문 ---- */

/* ---- ##본문 슬라이드 (카드뉴스) ----- */


/*************************************************
* ######스타일 : 공통콘텐츠 (common.css)
*************************************************/

/* =============== ####Color ======================== */
/* bg01~05 : 2019년 구축
* bg11~bg1$ : 2022년 개편
 └ bg11 : box-type$$+bg11 패턴으로 이용함 */
.bg05,
.bg11{background-color:var(--ui-tag03);}
.bg12{background-color:var(--ui-tag04);}
.bg13{background-color:var(--ui-tag32);}
.bg14{background-color:var(--ui-tag03);}
.bg14:before,
.bg14:after{background-color:var(--ui-tag43);}

.color01{color:var(--font-color41) !important;}
.color02{color:var(--font-color51) !important;}

/* =============== ####img Cover ======================== */

/* ---- ##img-cover ---- */

/* ---- ##img-none$$ ---- */
.img-none01{background-color:var(--ui-tag03);}
.img-none01 .img{background-color:var(--ui-tag05) !important;}
.img-none01 .img:before{filter:var(--ui-filter06);}

/* =============== ####Swiper ======================== */

/* =============== ####slick.js ======================== */

/* ---- ##slick-pager Style ---- */

/* =============== ####Icon ======================== */
/* ico-type05 */
.ico-type05{filter:var(--ui-filter41);}
.ico-type05.hash02,
.ico-type05.hash12{filter:var(--ui-filter03);}
.ico-type05.ytb{filter:none;}

/* ico-type06
 * before : 가운데
 * after : 배경색 */
.ico-type06{color:var(--font-color06);}

/* ---- ##ico-brand$$ ---- */
.ico-brand21.dark01{background-position-x:-75px;}

/* =============== ####Button ======================== */
/* ---- ##logo-yna$$ ---- */
.logo-yna01 .ir-txt,
.logo-yna02 .ir-txt{background-position-y:-100px;}
.logo-yna05 .ir-txt{background-position-x:-50px;}

/* ---- ##btn style 공통 ---- */

/* ---- ##btn-menu$$ ---- */
[class*='btn-menu0']:before{background-color:var(--ui-tag06);}
[class*='btn-menu0'] .ir-txt{filter:var(--ui-filter03);}

/* ---- ##btn-type$$ ---- */
[class*='btn-type'] .txt{color:var(--font-color03);}

/* ---- ##btn-type01,02 / #svgIcon10$ ---- */
.btn-type01:after{background-color:var(--ui-tag06);}
.btn-type02:after{background-color:var(--ui-tag09);}

.btn-type01 .ir-txt,
.btn-type02 .ir-txt{filter:var(--ui-filter04);}

/* ---- ##btn-type03 ~ 05 ---- */
/* btn-type03 공통 */
.btn-type03 .txt{color:var(--font-color03);}
.btn-type03 .ir-txt,
.btn-type03 .txt:before{filter:var(--ui-filter03);}

/* btn-type04 공통 */
.btn-type04 .ir-txt,
.btn-type04 .txt:before{filter:var(--ui-filter03);}

/* btn-type05 : 기사목록 추가정보 */
.btn-type05>.txt{color:var(--font-color09);}

/* btn-type03 개별 */
.btn-type03.btn-x01 .ir-txt,
.btn-type03.btn-x01 .txt:before{filter:var(--ui-filter03);}
.btn-type03.btn-x01 .txt{color:var(--font-color03);}

/* ---- ##btn-type06 ---- */
.btn-type06.btn-close01,
.btn-type06.btn-close03{filter:var(--ui-filter03);}

/* btn-type06-open$$ */
.btn-type06-open11{border-color:var(--ui-tag16);background-color:var(--ui-tag15);}
.btn-type06-open11 .ir-txt{filter:var(--ui-filter03);}

/* btn-remove$$ : Input 텍스트 삭제 */
.btn-type06.btn-remove01 .ir-txt,
.btn-type06.btn-remove02 .ir-txt{filter:var(--ui-filter10);}

/* ---- ##btn-type07 ---- */

/* ---- ##btn-type08 (#svgIcon6$$) ---- */
.btn-type08>.txt{color:var(--font-color01);}
.btn-type08>[class*='txt']:before{filter:var(--ui-filter01);}
.btn-confirm02>.txt{color:var(--font-color41);}
.btn-confirm02>[class*='txt']:before{filter:var(--ui-filter41);}

/* ---- ##btn-type09 ---- */
.btn-type09 .txt{background:var(--ui-tag03);border:1px solid var(--ui-tag41);color:var(--font-color41);}

/* ---- ##btn-type11 ---- */
[class*='btn-type11']>.txt{color:var(--font-color09);}
[class*='btn-type11']>[class*='txt']:before{filter:var(--ui-filter09);}

/* ---- ##btn-type21 ---- */
[class*='btn-type21']:before{background-color:var(--ui-tag03);}
[class*='btn-type21'] .txt{color:var(--font-color09);}
[class*='btn-type21'].active:before{background-color:var(--ui-tag41);}
[class*='btn-type21'].active .txt{color:var(--ui-tag41);}

/* ---- ##btn-more$$ ---- */
[class*='btn-more'] .txt{color:var(--font-color09);}
[class*='btn-more'] .txt:before{background-color:var(--ui-tag09);}

/* #조합클래스 : 화살표 방향 / #svgArrow008 */
[class*='btn-more'][class*='arr'] .txt:after{filter:var(--ui-filter09);}
/* #조합클래스 : 강조색01 & 재선언 */
[class*='btn-more'].style01 .txt{color:var(--font-color41);}
[class*='btn-more'].style01 .txt:before{background:var(--ui-tag41);}
[class*='btn-more'][class*='arr0'].style01 .txt:after{filter:var(--ui-filter41);}
/* #조합클래스 : dark 배경 01 & 재선언 */
[class*='btn-more'].style02 .txt{color:var(--font-color03);}
[class*='btn-more'].style02 .txt:before{background:var(--ui-tag03);}
[class*='btn-more'][class*='arr0'].style02 .txt:after{filter:var(--ui-filter03);}
/* #조합클래스 : dark 배경 02 & 재선언 */
[class*='btn-more'].style03 .txt{color:var(--font-color03);}
[class*='btn-more'].style03 .txt:before{background:var(--ui-tag03);}
[class*='btn-more'][class*='arr0'].style03 .txt:after{filter:var(--ui-filter03);}
/* #조합클래스 : 강조색02 & 재선언 */
[class*='btn-more'].style06 .txt{color:var(--font-color03);}
[class*='btn-more'].style06 .txt:before{background:var(--ui-tag03);}
[class*='btn-more'][class*='arr0'].style06 .txt:after{filter:var(--ui-filter03);}
/* #조합클래스 : 캡션 */
[class*='btn-more'].style07 .txt{color:var(--font-color03);}
/* #조합클래스 : 관련뉴스 버튼 / #svgArrow009 */
[class*='btn-more'].style08 .txt>em{color:var(--font-color09);}
[class*='btn-more'][class*='arr0'].style08 .txt:after{filter:var(--ui-filter09);}

/* ---- ##btn-more01 ---- */
/* ---- ##btn-more02 ---- */

/* ---- ##btn-more03 / #svgArrow009 ---- */
.btn-more03 .txt{color:var(--font-color09);}

/* ---- ##btn-more04 ---- */

/* ---- ##btn-more05 ---- */
.btn-more05 .txt{color:var(--font-color03);}
.btn-more05[class*='arr0'] .txt:after{filter:var(--ui-filter03);}

/* ---- ##btn-more11 / #svgArrow012 ---- */
.btn-more11{border-color:var(--ui-tag16);}
.btn-more11 .txt{color:var(--font-color03);}
.btn-more11[class*='arr'] .txt:after{filter:var(--ui-filter03);}

/* ---- ##btn-more21 ---- */
.btn-more21 .txt{color:var(--font-color07);}

/* ---- ##기타 버튼 ---- */
.btn-copy-url .txt{background-color:var(--ui-tag10);color:var(--font-color41);}

/* ---- ##btn-dir$$-방향 ---- */
[class*='btn-dir01'] .ir-txt:after,
[class*='btn-dir02']:after{filter:var(--ui-filter09);}
[class*='btn-dir04'] .ir-txt:after{border-color:var(--ui-tag11);}

/* ---- ##btn-dir$$ : swiperJS CSS 초기화 ---- */
[class*='btn-dir01'][class*='swiper-button']{background:var(--ui-tag03);}

/* =============== ####Pager ======================== */
/* paging-type01 : 리스트 페이징 | SEOP-114 */
.paging-type01 .prev span,
.paging-type01 .next span{filter:var(--ui-filter09);}
.paging-type01 .num{background-color:var(--ui-tag06);color:var(--font-color03);}
.paging-type01 .num.on{color:var(--font-color01);background-color:var(--ui-tag42);}

/* =============== ####Tab ======================== */

/* ---- ##tab-type0$ 공통 ---- */
/* 타이틀 하위요소 : .title-con01>tab-type0$, .title-con02>tab-type0$ */
[class*='tab-type0'] .txt{color:var(--font-color09);}
[class*='tab-type0'] .active .txt,
[class*='tab-type0'] .current .txt{color:var(--font-color03);}
[class*='tab-type0'] .active .txt:before,
[class*='tab-type0'] .current .txt:before{background-color:var(--ui-tag09);}

/* ---- ##tab-type11 공통 ---- */
.tab-type11{border-color:var(--ui-tag05);}
.tab-type11 .tab{background-color:var(--ui-tag04);}
.tab-type11 .txt-week,
.tab-type11 .txt01{color:var(--font-color06);}

/* =============== ####Pager ======================== */
.pager01 .count-box,
.pager02 .count-box{color:var(--font-color01);}
.pager01 .count-box .txt-current,
.pager02 .count-box .txt-current{color:var(--font-color41);}
.pager03 [class*='swiper-pagination-bullet']:before{background-color:var(--ui-tag06);}
.pager03 [class*='swiper-pagination-bullet-active']:before{background-color:var(--ui-tag11);}
.pager04{background-color:var(--ui-tag33);}
.pager04 .count-box{color:var(--font-color11);}
.pager04 .count-box .txt-current{color:var(--font-color41);}

/* =============== ####Ticker ======================== */
.ticker-type04{background-color:#2c2c2c;border-color:#2c2c2c;}
.ticker-type04 .list li .unit02{color:#fff;}
.ticker-type04 .list li .unit03{color:#fff;}
.ticker-type04 .list li .unit04{color:#fff;}
.ticker-type04 .list li.down .unit03{color:var(--font-color41);}
.ticker-type04 .list li.down .unit03:before{border-top-color:var(--font-color41);}
.ticker-type04 .list li.down .unit04{color:var(--font-color41);}

/* =============== ####Title ======================== */
/* ---- ##title-type$$ : 타이틀 타입 ---- */
.title-type02 .txt{color:var(--font-color03);}
.title-type04 .txt{color:var(--font-color09);}
.title-type04.active a.txt{color:var(--font-color41);}
.title-type05 .txt{border-color:var(--ui-tag41);background-color:var(--ui-tag03);}
.title-type06 .txt:before{background:var(--ui-tag11);}
.title-type11 .con{background:var(--ui-tag03);border-color:var(--ui-tag41);}
.title-type11 .txt01{color:var(--font-color41);}
.title-type23 .txt-tag{background-color:rgb(250, 0, 26, 0.8);color:var(--font-color01);}
.title-type23 .txt{color:var(--font-color41);}

/* ---- ##txt-type$$ : 텍스트 타입 ---- */
/* txt-label01 : 폼요소와 결합
 * txt-type01 : 본문 삭제 기사 */
.txt-type01{color:var(--font-color03);}

/* ---- ##title-con$$ : 공통 ---- */
/* 탭&타이틀 부모영역 (상위) : title-con$$ */
[class*='title-con'] .txt-mes01,
[class*='title-con'] .txt-mes11{color:var(--font-color03);}
[class*='title-con'] .txt-mes11.arr01:after{border-color:var(--ui-tag03);}

/* ---- ##title-con01 ---- */

/* ---- ##title-con02 ---- */
.title-con02:before{background-color:var(--ui-tag06);}
.title-con02 [class*='title-type']:before{background-color:var(--ui-tag11);filter:var(--ui-filter03);}

/* ---- ##title-con03 ---- */
.title-con03{border-color:var(--ui-tag06);}

/* ---- ##title-con04 ---- */

/* ---- ##title-con06 ---- */
.title-con06 .title-type03 .txt{color:var(--font-color03);}
.title-con06.active .title-type03 .txt{color:var(--font-color09);}

/* ---- ##title-con07 : 가로중앙 ---- */
/* ---- ##title-con21 ---- */
/* ---- ##title-con22 ---- */

/* =============== ####Form ======================== */
input.text01{border-color:var(--ui-tag09);background-color:var(--ui-tag03);color:var(--font-color09);}
input.text01:focus{border-color:var(--ui-tag41);color:var(--font-color41)}
input.text01::-webkit-input-placeholder,
input.text01:-ms-input-placeholder,
input.text01::placeholder{color:var(--font-color09);}

/* ---- ##input text ---- */

/* ---- ##input date ---- */
.label-date-wrap.active [type="text"]{border-color:var(--ui-tag41);}

/* ---- ##폼요소 스타일 공통 (공통&일반) ---- */
[class*='label-con-'] .txt-label01{color:var(--font-color09);}
[class*='label-con-'] .txt-label01:before{border-color:var(--ui-tag09);}
[class*='label-con-'] .txt-label01:after{background-color:var(--ui-tag09);}
/* 활성화 */
[class*='label-con-'].active .txt-label01,
[class*='label-con-'] input:checked~.txt-label01{color:var(--font-color41);}
[class*='label-con-'].active .txt-label01:before,
[class*='label-con-'] input:checked~.txt-label01:before{border-color:var(--ui-tag41);}
[class*='label-con-'].active .txt-label01:after,
[class*='label-con-'] input:checked~.txt-label01:after{background-color:var(--ui-tag41);}

/* ---- ##토글 버튼  ---- */
/* 활성화 */
[class*='label-con-'].active .toggle-box01,
[class*='label-con-'] input:checked~.toggle-box01{background-color:var(--ui-tag41);}
[class*='label-con-'].active .toggle-box01 .obj01,
[class*='label-con-'] input:checked~.toggle-box01 .obj01{border-color:var(--ui-tag41);}
/* 다크모드일때 border까지 filter 적용되어 크기가 커져 사이즈 조정함 */
.toggle-box01 .obj01{top:2px;left:3px;width:18px;height:18px;filter:var(--ui-filter01);border-color:transparent;}

/* ---- ##검색  ---- */
[class*='btn-srch0'] .ir-txt{filter:var(--ui-filter03);}

/* search-type01 */
.search-type01{border-color:var(--ui-tag16);background-color:var(--ui-tag12);}
.search-type01 .input01{color:var(--font-color03);}
.search-type01 .txt-label02{color:var(--font-color06);}
.search-type01 .btn-remove02,
.search-type01 [class*="btn-srch"]{background-color:var(--ui-tag12) !important;}

/* search-type02 */
.search-type02{border-color:var(--ui-tag41);background-color:var(--ui-tag15);}
.search-type02 .input01{color:var(--font-color41);background-color:var(--ui-tag00);}


/* =============== ####List text ======================== */

/* ---- ##list-search (실시간 뉴스 검색 목록) ---- */
.list-search .list>li .txt{color:var(--font-color03);}

/* ---- ##list-text01 ---- */
.list-text01 .list>li .txt{color:var(--font-color03);}

/* ---- ##list-text02 : 전체메뉴 - 세부메뉴 ---- */
.list-text02 .list>li .txt{color:var(--font-color03);}
.list-text02 .list>li.active .txt{color:var(--font-color41);}

/* ---- ##list-text03 : 전체메뉴 - 하단메뉴 ---- */
.list-text03 [class*="txt"]{color:var(--font-color06);}
.list-text03 .txt01{color:var(--font-color09);}

/* ---- ##list-text04 : 전체메뉴 - 프로모션 버튼목록 ---- */
.list-text04 [class*='item'] .txt-con .tit{color:var(--font-color03);}

/* ---- ##list-text05 : 푸터 링크 (텍스트 링크) ---- */
.list-text05 a,
.list-text05 .txt01{color:var(--font-color09);}

/* ---- ##list-text06 : 해시태그 키워드 링크 - 본문 사용 ---- */
.list-text06>li>a{color:var(--font-color41);}

/* ---- ##list-text07 : 기자 정보 ---- */
.list-text07 .tit-name{color:var(--font-color03);}

/* ---- ##list-text08 : 기자선택 / #svgIcon611 ---- */
.list-text08 .txt-con .tit{color:var(--font-color03);}
.list-text08.style01 .list>li>a{border-color:var(--ui-tag06);}
.list-text08.style01 .list>li>a:before{filter:var(--ui-filter06);}
.list-text08.style01 .list>li.active>a{border-color:var(--ui-tag41);}
.list-text08.style01 .list>li.active>a:before{filter:var(--ui-filter41);}

/* ---- ##list-text09 : 콘텐츠 구분선택(4열배치) ---- */
.list-text09 .txt-con .tit{color:var(--font-color03);}

/* ---- ##list-text10 : 기자별 리스트 상단 기자정보 ---- */
.list-text10 .tit-name{color:var(--font-color03);}
.list-text10 .info-txt p{color:var(--font-color09);}

/* ---- ##list-text11 : 키워드 리스트 ---- */
/* style01 : 우측정렬 - 기자별 리스트 사용
 * style02 : 비활성화에 border 제거 - 이슈본문 사용 */
.list-text11>li>a{background:var(--ui-tag03);color:var(--font-color41);}
.list-text11>li.active>a{background:var(--ui-tag41);border-color:var(--ui-tag41);color:var(--font-color03);}

/* ---- ##list-text12 : 푸터 링크 (2020-04-29) ---- */
/* 링크 : 뉴스제보, 회사소개 */
.list-text12 .tit01{color:var(--font-color03);}
.list-text12 .txt01{color:var(--ui-tag09);}

/* ---- ##list-text13 : 푸터 링크 (2020-04-29) ---- */
/* 링크 : 로그인, 사이트맵, PC버전 */
.list-text13>ul>li a{color:var(--font-color03);}

/* =============== ####List type ======================== */
/* ---- ##list-type01,02(기사 목록 (일반)) ---- */
/* list-type01 : Thumbnail
 * list-type02 : Single Line Text */
[class*='list-type'] [class*='txt-tag0'],
[class*='list-type'] [class*='txt-tag1']{color:var(--font-color41);}
[class*='list-type'] .lead,
[class*='list-type'] .txt-time{color:var(--font-color09);}

/* ---- ##공통 - 관련뉴스 목록 (일반) ---- */
/* list-related01 : 톱기사 (기본)
 * list-related02 : 주요기사, 이슈 메인 (구)
 -- list-related02 .txt : 제목 두줄 */
[class*='list-related0'] li a{color:var(--font-color03);}
[class*='list-related0'] li a:before{filter:var(--ui-filter03);}

/* ---- ##info-list$$ : 이슈 기사건수 노출 ---- */
[class*='info-list']>li,
[class*='info-list']>p{color:var(--font-color09)}
[class*='info-list'] strong,
[class*='info-list'] em{color:var(--font-color41)}

/* ---- ##list-type01 : Thumbnail - 가로형 ---- */

/* ---- ##list-type02 : Single Line Text ---- */
.list-type02 [class*='news-con']:not(.news-con) .info-box{color:var(--font-color09);}
/* [순위] */
.list-type02.number01 [class*='news-con']:before{color:var(--font-color09);}
.list-type02.number01 .list>li:first-child [class*='news-con']:before{color:var(--font-color41);}
/* [특정 기사 강조] : .item-style04 */
.list-type02 .item-style04 .tit-news .info-box{color:var(--font-color09);}

/* ---- ##list-type03 : 영상, 포토/화보 ---- */
.list-type03 [class*='item-box'] a>[class*='-con']{background-color:var(--ui-tag03);}

/* ---- ##list-type04 : #흥, #D, 월드&포토 ---- */
.list-type04 [class*='item-box'] a>[class*='img-con']{background-color:var(--ui-tag03);}
.list-type04 [class*='item-box'] a>[class*='news-con']{background-color:var(--ui-tag04);}

/* ---- ##list-type05 : 이슈돋보기 ---- */
.list-type05 [class*='item-box'] a>[class*='img-con']{background-color:var(--ui-tag03);}
.list-type05 [class*='item-box'] a>[class*='news-con']{background-color:var(--ui-tag04);}
.list-type05 [class*='news-con'] .tit-news{color:var(--font-color03);}

/* ---- ##list-type06 : 디지털뉴스 ---- */
.list-type06 .img-con .img{background-color:var(--ui-tag05);}

/* ---- ##list-type07 : 포토 ---- */
.list-type07 .label-box [class*='btn-more']{background-color:var(--ui-tag03);}

/* ---- ##list-type08 : 포토무비(영상 섬네일 목록) ---- */

/* ---- ##list-type09 : 투데이 ---- */
[class*='box-today'] .today-info{background-color:var(--ui-tag04);}
[class*='box-today'] .add-info .txt-time{color:var(--font-color09);}
/* [box-today01] 날씨 */
.box-today01 .desc>.tit .tit02{color:var(--font-color09);}
.box-today01 .desc .state01{color:var(--font-color41);} /* 낮음 */
.box-today01 .desc .state02{color:var(--font-color41);} /* 좋음 */
.box-today01 .desc .state05{color:var(--font-color52);} /* 매우나쁨 */
/* [box-today02] 증시 */
.box-today02 .desc .state-up{color:var(--font-color52);}
.box-today02 .desc .state-keep{color:var(--font-color09);}
.box-today02 .desc .state-down{color:var(--font-color41);}
.box-today02 .desc .state-up:before{border-bottom-color:var(--ui-tag52);}
.box-today02 .desc .state-keep:before{background-color:var(--ui-tag09);}
.box-today02 .desc .state-down:before{border-top-color:var(--ui-tag41);}
/* [box-today03] 환율 */
.box-today03 .desc [class*='rate']{color:var(--font-color09);}
/* [style01] : 경제,산업면의 날씨 제외 */
.list-type09.style01 [class*='box-today']{background-color:var(--ui-tag04);}

/* ---- ##list-type10 : 라이프 - 여행/축제 ---- */
.list-type10 .img-con .desc-con .txt{color:var(--font-color03);}
.list-type10  [class*='img-none'] .desc-con .txt{color:var(--font-color03);}

/* ---- ##list-type11 : 사람들 / #svgArrow012 ---- */
.list-type11 .news-con{border-color:var(--ui-tag05);background-color:var(--ui-tag04);}
.list-type11 .tit-news:after{filter:var(--ui-filter06);}

/* ---- ##list-type12 : 라이프 - 책/서평 ---- */

/* ---- ##list-type13 : 라이프 - 건강/의학 (비율유지, 2개 고정) ---- */
.list-type13 .img-con{background-color:var(--ui-tag04);}

/* ---- ##list-type14 포토기사 목록 ---- */
.list-type14 .img-con .img{background-color:var(--ui-tag05);}

/* ---- ##list-type15 영상기사 목록 ---- */

/* ---- ##list-type16 공통 ---- */
/* [list-type16 - style02] */
.list-type16.style02>.list>li:before{background-color:var(--ui-tag04);}

/* ---- ##list-type17 ---- */
/* 라이트에서도 다크디자인 */

/* ---- ##list-type21 - 가로형 ---- */
/* 순위 */
.list-type21.number01 .news-con:before{color:var(--font-color09);}
.list-type21.number01 .list>li:first-child .news-con:before{color:var(--font-color41);}

/* ---- ##list-type22 : 세로형 ---- */
.list-type22 .img-con{background:var(--ui-tag04);}

/* ---- ##list-type23 - 가로형 ---- */
/* item-box05 */
.list-type23 .item-box05 .img-con{background:var(--ui-tag04);}
.list-type23 .item-box05 .img-con .img:after{border-color:var(--ui-tag04);}

/* ---- ##list-type24 - 가로형 ---- */
/* ---- ##list-type25 - 가로형 ---- */

/* ---- ##list-type41 : Thumbnail ---- */
.list-type41>.list01>li,
.list-type41>.list01+.list01{border-color:var(--ui-tag04);}
@media only screen and (min-width:768px){
	.layout05 .list-type41.rw-list01 .list01>li:nth-child(odd):after{background-color:var(--ui-tag04);}
}

/* ---- ##list-type42 : Thumbnail ---- */
.list-type42 .item-box [class*='news-con']{border-color:var(--ui-tag04);}
.list-type42.number01 .item-box01 [class*='news-con']:before{color:var(--font-color41);}

/* ---- ##list-type43 : 기획물 코너 1번 ---- */
/* 슬라이드형 */

/* ---- ##list-type44 : 기획물 코너 3번 ---- */
/* 슬라이드형 */

/* ---- ##list-type45 : 기획물 코너 2번 ---- */


/* ---- ##list-type51 : 마켓플러스 슬러그 슬라이드 ---- */
/* 슬라이드형 */
.list-type51{}
.list-type51 .slide-tab li{background:var(--ui-tag00);border-color:var(--ui-tag11);}
.list-type51 .slide-tab li .txt-tab{color:var(--ui-tag11);}
.list-type51 .slide-tab li.active{background:var(--ui-tag01);}
.list-type51 .slide-tab li.active .txt-tab{color:var(--ui-tag02);}

.list-type51 .swiper-scrollbar-drag{background:var(--ui-tag07);}
.list-type51 .swiper-scrollbar{background:var(--ui-tag04);}

.list-type52 .list>li{border-color:var(--font-color05);}
.list-type52 .tit-news{color:var(--ui-tag01);}
.list-type52 .list>li:nth-child(odd) .label{background:var(--ui-tag11);color:var(--ui-tag02);}
.list-type52 .list>li:nth-child(even) .label{background:var(--ui-tag00);border:1px solid var(--ui-tag11);color:var(--font-color01);}

.list-type52 .list>li:nth-child(odd) .txt{color:#111;background-color:#fff;}
.list-type52 .list>li:nth-child(even) .txt{color:#fff;background-color:#1f1f1f;border-color:#fff;}

.list-type53 .tit-news{color:var(--ui-tag01);}


/* [공통] */
.list-type45{background-color:var(--ui-tag04);}
@media only screen and (min-width:768px){
	.list-type45{background-color:var(--ui-tag00);}
}

/* ---- ##list-type46 : 메인 통단 기획코너 ---- */
.list-type46{}
.top-wide22 .list-type46>.list01>li:after{border-color:var(--ui-tag04);}

/* ---- ##list-type47 : 메인 통단 타임라인 ---- */
.list-type47 .item-box01:after{background-color:var(--ui-tag05);}


/* =============== ####news-type (Single News) ======================== */
/* news-type01 : 톱뉴스
 * news-type21 : 이슈 설명
 * news-type51 : 메인 톱기사 통단(2건 편집)
 * news-type52 : 메인 톱기사 통단(2건 편집)
 * news-type81 : 도메인 공유 - 통단, 라벨 */

/* 공통 - 어깨제목 */
[class*='news-type'] [class*='txt-tag0'],
[class*='news-type'] [class*='txt-tag1']{color:var(--font-color41);}
a[class*='txt-tag1']:after{background-position:-275px -175px;}

/* ---- ##news-type01 : 톱뉴스 item-box ---- */
.news-type01 .lead{color:var(--font-color09);}

/* ---- ##news-type21 이슈본문  ---- */
.news-type21 .desc-con{background-color:var(--ui-tag04);}
.news-type21 .desc-con .txt{color:var(--font-color09);}

/* ---- ##news-type51 : 메인 톱기사 통단(기사 2건, 섬네일 2개)  ---- */
.news-type51 .news-con+.news-con{border-color:var(--ui-tag04);}

/* ---- ##news-type52 : 메인 톱기사 통단(기사 2건, 섬네일 1개)  ---- */
.news-type52 .news-con+.news-con{border-color:var(--ui-tag04);}
[class*='news-type5'] .item-box02:after{background-color:var(--ui-tag04);}

/* ---- ##news-type81~ : PC/M 도메인 공유 통단, 슬로건 ---- */
.news-type81 .tit-wrap{background:var(--ui-tag42);}
.news-type81 .tit-news{color:var(--font-color03);}

/* =============== ####Box type ======================== */
/* box-type 공통 */
[class*='box-type'] .img-con .img,
[class*='box-type'].bg02 .img-con .img{background-color:var(--ui-tag05);}
[class*='box-type'].bg11:before,
[class*='box-type'].bg11:after{background-color:var(--ui-tag31);}
[class*='box-type'].bg13{border-color:var(--ui-tag42);}

.bg02 [class*='title-type']:not(.title-type05) .txt,
.bg02 .slide-area .tit-news,
.bg02 [class*='news-type'] [class*='news-con'],
.bg02 [class*='video-player'] .desc-con,
.bg02 .slide-area .state-box{color:var(--font-color03);}

/* ---- ##box-type01 ---- */

/* ---- ##box-type02 ---- */

/* ---- ##box-type04 ---- */

/* ---- ##box-type05 ---- */
.box-type05 .list-type07 .pager01{background-color:var(--ui-tag03);}

/* ---- ##box-type06 ---- */

/* ---- ##box-type07 ---- */

/* ---- ##box-type08 : 투데이 ---- */
.box-type08{background-color:var(--ui-tag13);}

/* ---- ##box-type13 - 메인 팩트체크,이슈&탐사,OK제보---- */
@media only screen and (min-width:768px){
	.layout05 [class*='box-type13']:before{background-color:var(--ui-tag04);}
}

/* ---- ##box-type20 ---- */
.box-type20 .txt-none{color:var(--font-color03);}

/* ---- ##box-type21 ---- */
/* .search-wrap : 검색옵션
 * .datepick-wrap : 날짜선택
 * .jour-wrap : 기자선택 */
.box-type21 .flex-zone{background:var(--ui-tag03);}
.box-type21 .flex-zone.show{border-color:var(--ui-tag06);}
/* [datepick-wrap] 날짜선택 */
.datepick-wrap .wrap-form .tit-label{color:var(--font-color03);}

/* box-type21 - 검색옵션 */
.search-wrap .wrap-form .tit-label{color:var(--font-color03);}
.search-wrap  input.date-radio:checked ~ .form-date .label-con-date01 input{border-color:var(--ui-tag41);color:var(--font-color41);}

/* ---- ##box-type22 : 기자 페이지 - 프로필 영역 ---- */
.box-type22 .info-txt p{color:var(--font-color09);}

/* ---- ##box-type23 : 기자 페이지 - 키워드 영역 ---- */
.box-type23.bg01{background-color:var(--ui-tag13);}

/* ---- ##box-type24 : 본문 삭제 기사 안내 문구(ISRV-709) ---- */

/* ---- ##box-type27 : 이슈본문 수동 키워드 링크 ---- */

/* ---- ##box-type28 : 기획물 메인 코너01,03 ---- */
.box-type28 .title-type21 .txt{color:var(--font-color41);}

/* ---- ##box-type29 : 기획물 메인 코너02 ---- */
.box-type29 .title-type21 .txt{color:var(--font-color41);}

/* ---- ##box-type33 : 기획물 메인 코너04 ---- */
.box-type33 .title-type21 .txt{color:var(--font-color41);}

/* ---- ##box-type30 : 메인 통단 기획코너 ---- */
.box-type30{background-color:var(--ui-tag03);}
.box-type30 .title-type21 .txt{color:var(--font-color41);}

/* ---- ##box-type31 : 메인 톱기사 통단(기사 2건) ---- */

/* ---- ##box-type32 : 메인 통단 타임라인 ---- */

/* ---- ##box-type33 : 메인 기획코너04 ---- */

/* ---- ##box-type91 : 메인 퀵메뉴 ---- */

/* =============== ####Box Wrap ======================== */
/* box-wrap$$ 범위 지정
-- box-wrap01 ~ 39 : 메인
-- box-wrap41 ~ 49 : (임시)서브 */

/* ---- ##박스타입을 그룹화하는역할 ---- */
.box-wrap01:after{background-color:var(--ui-tag31);}
.box-wrap02:after,
.box-wrap03:after{background-color:var(--ui-tag04);}
.box-wrap04:after{background-color:var(--ui-tag31);}
.box-wrap02 [class*='box-type02']:nth-child(2):before,
.box-wrap03 [class*='box-type02']:nth-child(2):before{background-color:var(--ui-tag04);}

/* ---- ##box-wrap41 - [서브] 건강 > 더건강 영상 ---- */
/* 배경 그라데이션 및 배경에 도형 배치
 -- 라운드 배경은 라이크/다크모드 색이 동일함 (--ui-tag72 : #b71b42)
 * 하위 리스트 : .list-type49 */
.box-wrap41{background-color:#fff;}
.box-wrap41:before{content:'';display:block;position:absolute;bottom:0px;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.08);}
.box-wrap41:after{background-color:var(--ui-tag72);}
.box-wrap41 .list-type03{color:#000;}

/* =============== ####SwiperJS 용 클래스 공통설정 ======================== */
/* progressbar */
.slide-area .swiper-pagination-progress .swiper-pagination-progressbar{background-color:var(--ui-tag41);}
/* Horizontal Scroll Type */
.slide-hbar01>.swiper-scrollbar .swiper-scrollbar-drag{background:var(--ui-tag41);}
.slide-hbar02>.swiper-scrollbar{background-color:var(--ui-tag04);}


/*************************************************
* ######스타일 : 배너, 광고, 이벤트 (style.css)
*************************************************/
[class*='aside-article']{background-color:var(--ui-tag04);}
[class*='aside-article'] .title-ad01{background-color:var(--ui-tag04);color:var(--font-color09);}

/* 텍스트 광고 수정 | JIAD-107 (2023-06-30) */
/* [class*='aside-text'] li{mix-blend-mode:screen;background-color:var(--ui-tag03);}
[class*='aside-text'] iframe{filter:var(--ui-filter81);background-color:var(--ui-tag01);} */

/* ---- aside-bnr03 : 텍스트 배너 ---- */
/* (임시)텍스트, 링크 조합의 간단한 배너 */
.aside-bnr03{border-color:var(--ui-tag05);background:var(--ui-tag05);}
.aside-bnr03 .txt-con{color:var(--font-color03);}

/* [Mobile] aside-box07
 * 광고 슬라이드 추천영상
 * 글기사본문 : 딥다이브(당신이...영상) - 아이프레임
 -- .aside-box13 + .aside-box07 순 배치
 * 영상본문 : 포핀(추천영상) - aside-slide-**** 사용
 -- .content02 의 첫번째 */
[class*='aside-slide-'] ._popIn_recommend_article{background-color:var(--ui-tag04);}
.aside-box07.bg01{background-color:var(--ui-tag03);}
.aside-box07 #_popIn_standard_div ul._popIn_infinite_page > li{border-color:var(--ui-tag04);}
.aside-box07 #_popIn_standard_div ._popIn_recommend_art_img{background-color:var(--ui-tag04);}
.aside-box07 #_popIn_standard_div ._popIn_recommend_art_title{color:var(--font-color03);}
.aside-box07 #_popIn_standard_div ._popIn_recommend_art_media,
.aside-box07 #_popIn_standard_div ._popIn_recommend_art_category{color:var(--font-color09);}
.aside-box07 #_popIn_standard_div a._popIn_recommend_credit{color:var(--font-color09);}
.aside-box07 #_popIn_standard_div ._popIn_recommend_credit_image{filter:var(--ui-filter09);}

/* [Mobile] aside-box12 : 섬네일+기사제목형 (디자인 본문 핫뉴스 스타일 차용)
 -- 당신이 함께 보면 좋은 기사 (JIAD-43,JIAD-77) : box-popin01
 -- 당신이 관심가질 만한 기사 (JIAD-57) : box-popin02 - 2022-02-28 삭제 (JIAD-81)
 -- 당신이 좋아할 만한 기사 (JIAD-69) : box-popin03
 -- 포핀 모바일 소재의 경우 플랫폼이 모바일일 때만 표출 됨 */
.aside-box12 #_popIn_recommend_div ._popIn_recommend_articles{background-color:var(--ui-tag03);}
.aside-box12 ._popIn_recommend_art_title{color:var(--font-color03) !important;}
.aside-box12 #_popIn_recommend_div ._popIn_recommend_article_ad ._popIn_recommend_art_title:before{background-color:var(--ui-tag61);color:var(--font-color02);}

/* [APP] aside-box61 : 섬네일+기사제목형 (타불라) */
.aside-box61 .alternating-thumbnails-a-new .video-title,
.aside-box61 .alternating-thumbnails-a-new .syndicatedItem .video-title,
.aside-box61 .alternating-thumbnails-a-new .syndicatedItem .branding{color:var(--font-color03);}

/* RSS */
[class*='page-rss']{color:var(--font-color03);}
[class*='page-rss'] .rss-info01 .tit{color:var(--ui-tag11);}
[class*='page-rss'] .title-con01 .tit{color:var(--ui-tag11);}
[class*='page-rss'] .info01 .txt{color:var(--ui-tag11);}

[class*='page-rss'] .rss-list01>ul>li{background:var(--ui-tag04);}
[class*='page-rss'] .rss-list01 .tit{color:var(--ui-tag11);}
[class*='page-rss'] .rss-list01 .rss-link01{color:var(--ui-tag73);}
[class*='page-rss'] .rss-list01 .btn-rss-copy{background:var(--ui-tag03);border:1px solid var(--ui-tag03);}

/*************************************************
* ######가이드
*************************************************/
body.page-guide,
body.page-guide .guide-wrap{background-color:var(--ui-tag03);}
body.page-guide .guide-desc{background-color:var(--ui-tag04);}
body.page-guide .guide-h4{color:var(--font-color03);}