@charset "utf-8";
/*************************************************
* 프로젝트명 : 국문 > 북한포털 다크모드
* comment : dark01.css 링크에 추가
* prefers-color-scheme:dark
https://qa-r.yna.co.kr/m-kr/home/v03/css/dark01.css 참고하여 개발
*************************************************/

/* =============== 북한포털 =============== */
:root body.site-nk{
	/* 무채색 */
	--nk-tag020:#1E1E1E;  /* bg */
	--nk-tag021:#E9E9E9;
	--nk-tag022:#333;  /* border */
	--nk-tag023:#333;  /* bg */
	--nk-tag024:#232426;
	--nk-tag025:#2C2C2C;

	--nk-tag101:#4F6FCB; /* blue */
	--nk-tag102:#1E1E1E; /* bg */
	--nk-tag103:#444;
	--nk-tag104:#4F6FCB; /* bg */
	--nk-tag105:#232323; /* bg */

	--nk-tag201:#232426;
	--nk-tag202:#2C2C2C;
	--nk-tag203:#222;

	/* [font]무채색 */
	--nk-font001:#888;
	--nk-font002:#F1F1F1;
	--nk-font003:#A0A0A0;
	--nk-font023:#333;
	--nk-font101:#6D93FF; /* blue */
	--nk-font121:#E36F5A; /* orange */

	--nk-filter001:brightness(0) saturate(100%) invert(68%) sepia(0%); /* 아이콘 */
}

/* 북한포털 - 메인, 레이아웃 */
body[class*='site-nk'].page-main [class*='title-unit']:after{filter:var(--ui-filter001);}

body[class*='site-nk'] .nk-header .header003 .search-box{background-color:var(--ui-tag001);border:1px solid var(--font-color008);}
body[class*='site-nk'] .nk-header .header003 .search-box .ico-unit001-search02:before{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7422%) hue-rotate(41deg) brightness(116%) contrast(100%);}
body[class*='site-nk'] .nk-header .logo-unit002,
body[class*='site-nk'] .nk-header .logo-unit001{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7422%) hue-rotate(41deg) brightness(116%) contrast(100%);}
body[class*='site-nk'] .nk-header .ico-unit001-login01:before{filter:var(--ui-filter001);}

@media screen and (max-width:1023px){
	body[class*='site-nk'] .nk-header .header001 .btn-search001,
	body[class*='site-nk'] .nk-header .header001 .btn-menu001{filter:var(--ui-filter001);}
}

body[class*='site-nk'] .ticker-controls [class*='btn-dir001']:before,
body[class*='site-nk'] .ticker-controls [class*='btn-type007-']:before{background-color:var(--nk-tag202);}

body[class*='site-nk'] .column-weather:before{background-color:var(--nk-tag023);}
body[class*='site-nk'] .column-weather .tit-box:after{filter:var(--ui-filter001);}

body[class*='site-nk'] .main-info .column-type01{background-color:var(--nk-tag201);}
body[class*='site-nk'] .main-info .wrap-link a{background-color:var(--nk-tag202);color:var(--font-color003);}
body[class*='site-nk'] .column-people .box .search-people .btn_search-p{background-color:transparent;}
body[class*='site-nk'] .column-people .box .search-people .ico-unit001-search01:before{filter:var(--ui-filter001);}
body[class*='site-nk'] .column-foreign .list>div .link-foreign{color:var(--nk-font002);background-color:var(--nk-tag201);}

body[class*='site-nk'] .column-archive .box .list li .tit-news .icon{filter:var(--nk-filter001);}

body[class*='site-nk'] .column-bnr-slider .btn-prev,
body[class*='site-nk'] .column-bnr-slider .btn-next{filter:var(--ui-filter001);}
body[class*='site-nk'] .select-unit001>button:after{filter:var(--nk-filter001);}

body[class*='site-nk'] .wrap-archive-list .archive-box .tbody .link a{color:var(--font-color004);}
@media only screen and (min-width:1024px){

	body[class*='site-nk'] .wrap-archive-list .archive-box .tbody .link a:hover{color:var(--font-color002);}
}
@media screen and (max-width:1023px) {
	body[class*='site-nk'] .wrap-archive-list .archive-box .tbody li{border-color:var(--ui-tag005);}
	body[class*='site-nk'] .column-foreign-new{background-color:var(--nk-tag024);}
}

body[class*='site-nk'] .tab-menu-unit001>a[class*='type0']:before{filter:var(--ui-filter016);}
body[class*='site-nk'] .select-unit001>ul li.on a{background-color:var(--nk-tag202);color:var(--nk-font101);}

/* 북한포털 메인 관련사이트 */
body[class*='site-nk'] .column-bnr-slider .list li>a{background-color:var(--nk-tag021);}
body[class*='site-nk'] .column-bnr-slider .list li.rs01 img{content:url('../img/bnr_slide01_dark.png');}
body[class*='site-nk'] .column-bnr-slider .list li.rs02 img{content:url('../img/bnr_slide02_dark.png');}
body[class*='site-nk'] .column-bnr-slider .list li.rs03 img{content:url('../img/bnr_slide03_dark.png');}
body[class*='site-nk'] .column-bnr-slider .list li.rs04 img{content:url('../img/bnr_slide04_dark.png');}
body[class*='site-nk'] .column-bnr-slider .list li.rs05 img{content:url('../img/bnr_slide05_dark.png');}
body[class*='site-nk'] .column-bnr-slider .list li.rs06 img{content:url('../img/bnr_slide06_dark.png');}
body[class*='site-nk'] .column-bnr-slider .list li.rs07 img{content:url('../img/bnr_slide07_dark.png');}
body[class*='site-nk'] .column-bnr-slider .list li.rs08 img{content:url('../img/bnr_slide08_dark.png');}
body[class*='site-nk'] .column-bnr-slider .list li.rs09 img{content:url('../img/bnr_slide09_dark.png');}
body[class*='site-nk'] .column-bnr-slider .list li.rs10 img{content:url('../img/bnr_slide10_dark.png');}
body[class*='site-nk'] .column-bnr-slider .list li.rs11 img{content:url('../img/bnr_slide11_dark.png');}
body[class*='site-nk'] .column-bnr-slider .list li.rs12 img{content:url('../img/bnr_slide12_dark.png');}
@media screen and (max-width:1023px){
	body[class*='site-nk'] .column-bnr-slider .list li.rs01 img{content:url('../img/bnr_m_slide01_dark.png');}
	body[class*='site-nk'] .column-bnr-slider .list li.rs02 img{content:url('../img/bnr_m_slide02_dark.png');}
	body[class*='site-nk'] .column-bnr-slider .list li.rs03 img{content:url('../img/bnr_m_slide03_dark.png');}
	body[class*='site-nk'] .column-bnr-slider .list li.rs04 img{content:url('../img/bnr_m_slide04_dark.png');}
	body[class*='site-nk'] .column-bnr-slider .list li.rs05 img{content:url('../img/bnr_m_slide05_dark.png');}
	body[class*='site-nk'] .column-bnr-slider .list li.rs06 img{content:url('../img/bnr_m_slide06_dark.png');}
	body[class*='site-nk'] .column-bnr-slider .list li.rs07 img{content:url('../img/bnr_m_slide07_dark.png');}
	body[class*='site-nk'] .column-bnr-slider .list li.rs08 img{content:url('../img/bnr_m_slide08_dark.png');}
	body[class*='site-nk'] .column-bnr-slider .list li.rs09 img{content:url('../img/bnr_m_slide09_dark.png');}
	body[class*='site-nk'] .column-bnr-slider .list li.rs10 img{content:url('../img/bnr_m_slide10_dark.png');}
	body[class*='site-nk'] .column-bnr-slider .list li.rs11 img{content:url('../img/bnr_m_slide11_dark.png');}
	body[class*='site-nk'] .column-bnr-slider .list li.rs12 img{content:url('../img/bnr_m_slide12_dark.png');}
}

/* 북한포털 학술연구 */
body[class*='site-nk'] .nav-type40 .gnb-menu41 .label01 .txt01{color:var(--nk-font023);}
body[class*='site-nk'] .btn-unit031.style01{background-color:var(--nk-tag202);}
body[class*='site-nk'] .btn-unit031.style01 .ico-unit001-prev02:before{filter:var(--nk-filter001)}

body[class*='site-nk'] .wrap-archive-article .archive-article .box-info02{background-color:transparent;}
body[class*='site-nk'] .wrap-archive-article .archive-article .box-info02 dd a:hover{color:var(--nk-font101);}
body[class*='site-nk'] .about-tab .tab-nav a.current{background-color:var(--nk-tag024);color:var(--nk-font101);}

/* 북한포털 북한 알아보기 > 용어사전 */
body[class*='site-nk'] .law-wrap .tit-wrap .btn-unit031{color:var(--nk-font003);background-color:var(--nk-tag202);}
body[class*='site-nk'] .law-wrap .ico-unit001-next02:before{filter:var(--nk-filter001);}
body[class*='site-nk'].nk-dictionary .wrap-archive-search .select-word button.current{color:var(--nk-font101);}
body[class*='site-nk'].nk-dictionary .h1-desc{color:var(--nk-font101);}
body[class*='site-nk'].nk-dictionary .inner-article-btn .wrap-more-b{background-color:transparent;color:var(--nk-font101);}
body[class*='site-nk'].nk-dictionary .inner-article-btn .wrap-more-b:after{filter:var(--nk-filter001);}
body[class*='site-nk'].nk-dictionary .inner-article-btn .wrap-more-b em{color:var(--font-color003);}

body[class*='site-nk'] .list-unit011 li a:hover{background-color:var(--nk-tag024);}
body[class*='site-nk'] .list-unit011 li a:hover .txt{color:var(--nk-font101);}
body[class*='site-nk'] .list-unit011 li a .num{color:var(--nk-font003);}

body[class*='site-nk'] .person-search-result .contents-box .table-box .table-caption>span{color:var(--nk-font101);}
body[class*='site-nk'] [class*='btn-unit041']{background-color:var(--nk-tag202);border-color:var(--nk-tag102);}
body[class*='site-nk'] .btn-unit041.style01 span{color:var(--nk-font003);}
body[class*='site-nk'] .btn-unit041.style01 .highlight{color:var(--nk-font101);}

body[class*='site-nk'] .law-wrap .tit-wrap .tit:hover{color:var(--nk-font101);background-color:var(--nk-tag201);}

body[class*='site-nk'] .paging-unit002 .wrap-prev .ppPage:before,
body[class*='site-nk'] .paging-unit002 .wrap-next .nPage:before,
body[class*='site-nk'] .paging-unit002 .wrap-prev .pPage:before,
body[class*='site-nk'] .paging-unit002 .wrap-next .nnPage:before,
body[class*='site-nk'] .wrap-option-term .icon-cancel:before,
body[class*='site-nk'] .common-layer .layer-body .close-layer{filter:var(--nk-filter001);}

body[class*='site-nk'] .nk-layer-wrap .tit-news{color:var(--font-color003);}


/* 북한포털 인물 */
body[class*='site-nk'] .person-search-result .contents-box .top-con .img-con02,
body[class*='site-nk'] .hot-person .box .con-wrap .img-con{background-image:url('../img/default_img02_dark.png');}
body[class*='site-nk'] .ico-unit001-next02:before{filter:var(--nk-filter001);}

@media screen and (max-width:1023px){
	body[class*='site-nk'] .person-search-result .contents-box .top-con .img-con02,
	body[class*='site-nk'] .hot-person .box .con-wrap .img-con{background-image:url('../img/default_img02_dark.png');}
}

/* 북한포털 날씨 */
body[class*='site-nk'] .main-ticker-weather{background-color:var(--nk-tag201);}
body[class*='site-nk'] .map-weather{background-image:url('../img/w_map0922_dark.png');}
body[class*='site-nk'] .map-weather .location{background-image:url('../img/bg_weather_map20241203_dark.png');}

body[class*='site-nk'] .w65-icon{background-image:url('../img/w65_dark.png')}
body[class*='site-nk'] .w75-icon{background-image:url('../img/w75_dark.png');}
body[class*='site-nk'] .w100-icon{background-image:url('../img/w100_dark.png');}

body[class*='site-nk'] .ico-type02-view01:before{filter:var(--nk-filter001);}
body[class*='site-nk'] .article-wrap02 .txt-copyright{color:var(--font-color006);}
body[class*='site-nk'].nk-weather .sel-location .area-select-btn .ico{filter:var(--nk-filter001);}

@media screen and (max-width:1023px){
	body[class*='site-nk'] .map-weather{background-image:url('../img/w_m_map0922_dark.png');}
	body[class*='site-nk'] .column-weather{background-color:var(--nk-tag024);}
	body[class*='site-nk'] .w45-icon{background-image:url('../img/w45_dark.png');}
}

/* 북한포털 검색 */
body[class*='site-nk'] .txt-unit051{background:transparent;}

body[class*='site-nk'] .ico-unit001-mini-article01:before{background:url(../img/ico_unit001_article01_dark.png);}
body[class*='site-nk'] .ico-unit001-mini-photo01:before{background:url(../img/ico_unit001_photo01_dark.png);}
body[class*='site-nk'] .ico-unit001-mini-movie01:before{background:url(../img/ico_unit001_movie01_dark.png);}
body[class*='site-nk'] .ico-unit001-mini-graphic01:before{background:url(../img/ico_unit001_graphic01_dark.png);}
body[class*='site-nk'] .ico-unit001-mini-man01:before{background:url(../img/ico_unit001_man01_dark.png);}

body[class*='site-nk'] .ico-unit001-mini-article01:before,
body[class*='site-nk'] .ico-unit001-mini-photo01:before,
body[class*='site-nk'] .ico-unit001-mini-movie01:before,
body[class*='site-nk'] .ico-unit001-mini-graphic01:before,
body[class*='site-nk'] .ico-unit001-mini-man01:before{background-position:0 0;background-repeat:no-repeat;}

body[class*='site-nk'] .list-unit006>ul li .img-con{background-image:url(../img/default_img02_dark.png);}
body[class*='site-nk'] .list-unit008 .list li .img-con{background-color:var(--nk-tag102);}

body[class*='site-nk'] .search-detail-box .tit-wrap .btn-option .ico{filter:var(--nk-filter001);}

@media screen and (max-width:1023px){
	body[class*='site-nk'] .ico-unit001-mini-article01:before,
	body[class*='site-nk'] .ico-unit001-mini-photo01:before,
	body[class*='site-nk'] .ico-unit001-mini-movie01:before,
	body[class*='site-nk'] .ico-unit001-mini-graphic01:before,
	body[class*='site-nk'] .ico-unit001-mini-man01:before{background-size:19px auto;}
}

body[class*='site-nk'].nk-search .wrap-result-box .wrap-more-b{background-color:var(--nk-tag201);border-color:var(--nk-tag201);}
body[class*='site-nk'].nk-search .wrap-result-box .wrap-more-b:after{filter:var(--nk-filter001);}
body[class*='site-nk'] .ui-datepicker{background:var(--nk-tag203);border-color:var(--nk-tag203)}
body[class*='site-nk'] .ui-datepicker table,
body[class*='site-nk'] .ui-datepicker th{background:var(--nk-tag203);}
body[class*='site-nk'] .ui-datepicker td .ui-state-default.ui-state-highlight{color:var(--nk-font002);}
body[class*='site-nk'] .ui-datepicker a.ui-state-active,
body[class*='site-nk'] .ui-datepicker td .ui-state-highlight.ui-state-active{color:var(--nk-font002) !important;}
body[class*='site-nk'] .ui-datepicker td.ui-datepicker-week-end,
body[class*='site-nk'] .ui-datepicker td.ui-datepicker-week-end a{color:var(--nk-font101);} /* blue */
body[class*='site-nk'] .ui-datepicker td:first-child a,
body[class*='site-nk'] .ui-datepicker th:first-child a{color:#e03719;} /* red */

body[class*='site-nk'].nk-search .wrap-result-box .wrap-more-l:hover,
body[class*='site-nk'].nk-search .wrap-result-box .btn-list-more>a:hover{background-color:var();}

/* 북한포털 모바일 버전 */
@media screen and (max-width:1023px) {
	body[class*='site-nk'].popup-mode01 .nk-header .header001 .btn-close001{filter:var(--ui-filter001);}
	body[class*='site-nk'] .popup-whole-menu .wrap-header .header .nk-logo{filter:var(--ui-filter001);}
	body[class*='site-nk'] .popup-whole-menu .wrap-header .search .btn-unit001-search{background-color:transparent;filter:var(--ui-filter001);}
	body[class*='site-nk'] .popup-whole-menu .wrap-header .header .btn-close001{filter:var(--ui-filter001);}
	body[class*='site-nk'] .nk-header .search .btn-unit001-search{background-color:transparent;filter:var(--ui-filter001);}
	body[class*='site-nk'][class*='popup-mode'] .mask-unit001{opacity:0.85;}
}