@charset "UTF-8";
/* ================== */
/* ___Heisme Start___ */
/*

zSkin_heisme.css 의 블랙화이트 테마 서브셋

Version : 6.2.X

History : Refer to "zSkin_heisme.css"

Check :
heisme
https://jigsaw.w3.org/css-validator/validator?uri=https://tistory1.daumcdn.net/tistory/5679905/skin/images/zSkin_heisme-blackwhite.css
*/

HTML.theme_blackwhite {
    /* scrollbar-color: rgba(70, 90, 120, 60%) #101010; */
}
HTML.theme_blackwhite,
BODY.theme_blackwhite {
}
BODY.theme_blackwhite {
    /* 사진에 완전한 블랙/화이트 감상을 위해 배경,글자에 완전한 블랙/화이트를 사용하지 않음 : 블랙테마에서는 배경,글자 반대 */
    background-color: #D0D0D4;
    color: #FAFAF9;
}
BODY.theme_blackwhite:BEFORE {
    /* background-color: transparent; */

    /* 설정에서 변경가능 */
    background-image: url('./background-black.jpg');
}

/* theme_blackwhite */
.theme_blackwhite .thema_apply .btn_arrow:HOVER {
    background-color: #4167d9;
    color: #fff;
}
.theme_blackwhite .thema_apply .active {
    background-color: #4167d9;
}
.theme_blackwhite .thema_apply .slick-active BUTTON {
    background-color: #4167d9;
}
.theme_blackwhite .thema_apply .btn_register {
    background-color: #4167d9;
    color: #fff;
}
.theme_blackwhite .thema_apply .btn_register {
    background-color: #4167d9;
    color: #fff;
}
.theme_blackwhite .thema_apply .title_sidebar {
    color: #40434c;
}
.theme_blackwhite .thema_apply .box_tag A:HOVER {
    border: 1px solid #4167d9;
    color: #4167d9;
}
.theme_blackwhite .area_category .title_section SPAN {
    /* color: #b0b0bf; */
}
.theme_blackwhite .article_view A {
    color: #4167d9;
}
.theme_blackwhite .article_view BLOCKQUOTE {
    color: #4167d9;
}

.theme_blackwhite .article_view .moreless_fold SPAN,
.theme_blackwhite .article_view .moreless_top SPAN {
    color: #4167d9;
}
.theme_blackwhite .article_view .footnote A {
    color: #4167d9!important;
}

@media all and (max-width:1023px) {
    .theme_blackwhite .thema_apply .selected {
        /* color: #4167d9 !important; */
    }
}

/* =================== */
/* white 는 글목록과 SideBar 에서 메인 로고 글자 */
/*
.theme_blackwhite .white .box_header .link_logo {     
    color: #f0f0ff;
}
.theme_blackwhite .box_header .title_logo A.link_logo {
    color: #f0f0ff;
}
.theme_blackwhite .box_header BUTTON.btn_menu {
    background-image: url('./ico_menu.svg');
}
.theme_blackwhite .box_header BUTTON.btn_search {
    background-image: url('./ico_search.svg');
}
*/

/* 목록 최상위 제목행 */
.theme_blackwhite .title_section {
    color: #303040;
}

/* 전체 목록 보기 */
.theme_blackwhite .area_cover .link_to_all .list_type_link A {
    border-color: #606060 #50505b #40404a #505060;
    color: #cdcdcd;
}
.theme_blackwhite .area_cover .type_featured .slide_zone,
.theme_blackwhite .area_cover .type_widepanel .list_type_widepanel,
.theme_blackwhite .area_cover .type_notice .list_type_notice {
	border-color: rgba(10, 10, 11, 83%);
}

.theme_blackwhite .area_cover .type_notice .list_type_notice .link_notice STRONG.name {
    color: rgba(200, 200, 200, 80%);
}
.theme_blackwhite .area_cover .type_notice .list_type_notice .link_notice .text,
.theme_blackwhite .area_cover .type_notice .list_type_notice .link_notice .category,
.theme_blackwhite .area_cover .type_notice .list_type_notice .link_notice .date {
    color: rgba(200, 200, 200, 70%);
}

/* 목록 */
.theme_blackwhite .area_category .link_category .info STRONG,
.theme_blackwhite .area_category .list_category .item_category .text,
.theme_blackwhite .area_cover .type_card .link_card STRONG {
    color: #F0F0F4;
}
.theme_blackwhite .area_cover .type_card .link_card .text {
    color: #CACACC;
}
/* 댓글 수 */
.theme_blackwhite .area_article   .area_reply .tt-comments-wrap .tt-box-total .tt_num_g,
.theme_blackwhite .area_category  .link_category .info .rp_count,
.theme_blackwhite .area_cover     .type_card .info .rp_count {
    font-size: 14px;
    color: #B0B0B0;
}
/* Page Number */
.theme_blackwhite .area_paging .link_page SPAN,
.theme_blackwhite .area_paging .link_num SPAN {
    /* color: rgba(255, 255, 255, 80%); */
}
.theme_blackwhite .area_paging .link_num SPAN.selected {

}

/* 커버 카드, 카테고리 리스트 배경 */
.theme_blackwhite .area_category .list_category,
.theme_blackwhite .area_cover .type_card     .list_type_card,
.theme_blackwhite .area_cover .type_notice .list_type_notice {
    backdrop-filter: blur(12px);
	background-color: rgba(10, 10, 11, 83%);
}
.theme_blackwhite .area_category .list_category .item_category,
.theme_blackwhite .area_cover    .type_card  .list_type_card  .item_card {
    /*background-color: rgba(13,13,13, 0.7);*/
}
/* 본문 배경 */
.theme_blackwhite .area_view .article_view,
.theme_blackwhite .area_common {
	background-color: rgba(13, 14, 15, 90%);
    backdrop-filter: blur(10px);
}
/* 댓글, Tag */
.theme_blackwhite .area_article .article_view .another_category,  /* 카테고리의 다른 글 */
.theme_blackwhite .area_article .area_tag,                        /* 본문 보기 : Tag list */
.theme_blackwhite .area_article .area_related {                   /* 본문 보기 : 관련글 */
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(255,255,255,4%), rgba(200,200,235,12%));
}
/* 댓글 배경 */
.theme_blackwhite .area_article .article_content .list_share,
.theme_blackwhite .area_article .article_content .area_reply,
.theme_blackwhite .area_article .article_content .area_related {
    background-color: rgba(0, 0, 0, 80%);
}
.theme_blackwhite .area_article .article_content .area_reply {
    background-color: rgba(0, 0, 0, 81%);
	border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
}

/* 본문 글자 글자색 */
.theme_blackwhite .area_article .article_view .contents_style H2,
.theme_blackwhite .area_article .article_view .contents_style H3,
.theme_blackwhite .area_article .article_view .contents_style H4,
.theme_blackwhite .area_article .article_view .contents_style LI,
.theme_blackwhite .area_article .article_view .contents_style BLOCKQUOTE,
.theme_blackwhite .area_article .article_view .contents_style P,
.theme_blackwhite .area_article .article_view .protected_form P {
    color: #E5E5E3;
}
/* Black Theme 에서만 본문 글꼴 바꿈 */
.theme_blackwhite .area_article .article_view .contents_style P {
    font-family: "Iropke Batang", "RidiBatang", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, "돋움", "Apple SD Gothic Neo", Avenir, SpoqaHanSans, Helvetica, sans-serif;
}

.theme_blackwhite .area_article .article_view .contents_style BLOCKQUOTE {
    color: #9d9f9a !important;
}
.theme_blackwhite .area_article .article_view .contents_style A {
    color: #d2b8e9;
}
.theme_blackwhite .area_article .article_view .contents_style A:HOVER {
    color: #7878f3;
}
.theme_blackwhite .area_article .article_view .contents_style FIGURE FIGCAPTION {
    color: #c0c0c0;
}

.theme_blackwhite .area_article .article_view .another_category {
    /* border-color: #303030 !important; border:none in zSkin_Heisme.css */
}
.theme_blackwhite .area_article .article_view .another_category H4 A {
    color: #a0a0a0 !important;
}
.theme_blackwhite .area_article .article_view .another_category TH A {
    color: #a0a0a0 !important;
}
.theme_blackwhite .area_article .article_view .another_category H4 A:HOVER,
.theme_blackwhite .area_article .article_view .another_category TH A:HOVER {
    color: #c0b0ff !important;
}
.theme_blackwhite .area_article .area_tag {
    /*backdrop-filter: blur(1px);*/
	background-image: linear-gradient(to bottom, rgba(05, 10, 20, 46%), rgba(10, 15, 20, 77%))
}
.theme_blackwhite .area_article .area_tag,
.theme_blackwhite .area_article .area_related {
    border-width: 0px;
}
.theme_blackwhite .area_article .area_related .title_related,
.theme_blackwhite .area_article .area_related .title_related .title_category,
.theme_blackwhite .area_article .area_tag .title_tag,
.theme_blackwhite .area_article .area_reply .tt-comments-wrap .tt-box-total .tt_txt_g,
.theme_blackwhite .area_common .area_reply .title_common,
.theme_blackwhite .area_common .title_common {
    color: #dadada;
}
.theme_blackwhite .area_article .area_related .title_related .title_category:HOVER {
    color: #8585d0;
}

.theme_blackwhite .area_article .area_related .link_related .box_content STRONG {  /* Title  i : Next, Prev Button */
    color: #e0e0e0;
}

.theme_blackwhite .area_article .area_tag .tag_content A {
    color: #ddede7;
}
.theme_blackwhite .area_article .area_tag .tag_content A:HOVER {
    background-color: rgba(150,150,255, 0.7);
    color: #fff020;
}

/* 댓글 */
.theme_blackwhite .area_article .area_reply .reply_content .tt-item-reply .tt-box-modify .tt-button-modify {
    background-color: rgba(120, 120, 130, 25%);
}
.theme_blackwhite .area_article .area_reply .reply_content .tt-item-reply .tt-box-modify .tt-button-modify:HOVER {
    background-color: rgba(150, 180, 220, 50%);
}
/* 명함 카드 */
.theme_blackwhite .area_reply .reply_content .tt_box_namecard {
    background-color: rgba(220, 240, 255, 5%);
}
.theme_blackwhite .area_reply .reply_content .tt_box_namecard .tt_cont .tt_tit_cont {
    color: rgba(255, 255, 255, 85%);
}
.theme_blackwhite .area_reply .reply_content .tt_box_namecard .tt_cont .tt_desc {
    color: rgba(255, 255, 255, 75%);
}
.theme_blackwhite .area_reply .reply_content .tt_box_namecard .tt_cont .tt_btn_subscribe .tt_txt_g {
    color: rgba(255, 255, 255, 70%);
}
.theme_blackwhite .area_article .area_reply .reply_content .tt-box-content .tt_desc {
    opacity: 100%;
}
.theme_blackwhite .area_article .area_reply .reply_content .tt-box-content .tt_desc A {
    color: #8d8da2;
}
.theme_blackwhite .area_article .area_reply .reply_content .tt-box-content .tt_desc A:HOVER {
    /* color: #b0b0ff; */
    color: #9696fb;
}
.theme_blackwhite .area_article .area_reply .reply_content .tt-item-reply .tt-wrap-info .tt-wrap-link-comment .tt_txt_g {
    color: #f0f0ff;
}
.theme_blackwhite .area_article .area_reply .reply_content .tt-item-reply .tt-wrap-info .tt-wrap-link-comment .tt_txt_g:HOVER,
.theme_blackwhite .area_article .area_reply .reply_content .tt_wrap_write BUTTON.tt-btn_register:HOVER {
    color: #ffff50;
    background-color: rgba(150, 180, 220, 60%);
}
/* 댓글 리스트 */
.theme_blackwhite .area_reply .tt-item-reply A.tt-link-user,
.theme_blackwhite .area_reply .tt-list-reply .ico_comment {
    font-family: inherit;
    color: #c0c0d0;
}

/* 태그 */
.theme_blackwhite .area_common .tag_zone A {
    color: #3ecb69;
    background-color: rgba(255,255,255, 0.1);
    border-color: rgba(255,255,255, 0.25);
}
.theme_blackwhite .area_popup .search_content .tag_zone .box_tag A:HOVER,
.theme_blackwhite .area_common .tag_zone A:HOVER {
    border-color: #a4aeff;
    color: #a4aeff;
    background-color: rgba(255,255,255, 0.2);
}
/* =================== */
/* Thumbnail 바깥 테두리 */
.theme_blackwhite .area_category     .link_category  .img-item_wrap,
.theme_blackwhite .area_related      .link_related   .img-item_wrap,
.theme_blackwhite .area_cover    .type_card      .link_card  .img-item_wrap  {
    border-color: #303030;
}
/* 관련글, 이후/이전 */
.theme_blackwhite .area_related .link_related .img-item_wrap {
    box-shadow: 0px 0px 4px -2px rgba(255,255,255, 0.5);
}

.theme_blackwhite .area_category .link_category  .img-item_wrap IMG,
.theme_blackwhite .area_related  .link_related   .img-item_wrap IMG,
.theme_blackwhite .area_cover    .type_card      .link_card     .img-item_wrap IMG {
    /*box-shadow: 0px 0px 5px 0px rgba(255,255,255, 0.7);*/
    border-color: rgba(255,255,255, 0.05);
}
/* Thumbnail 정사각형 : padding-top: 50%;*/
.theme_blackwhite .area_category .link_category  .thumnail,
.theme_blackwhite .area_related  .link_related   .thumnail,
.theme_blackwhite .area_cover    .type_card      .link_card  .thumnail {
    box-shadow: 0px 0px 5px 0px rgba(255,255,255, 0.7);
}

.theme_blackwhite .area_article .article_view .contents_style IMG {
    box-shadow: 0px 0px 4px -2px rgba(255,255,255, 0.6);
}

.theme_blackwhite FOOTER#footer .inner_footer .link_footer {
	color: #6f6f6f;
    border-color: rgba(255,255,255, 0.3);
}
.theme_blackwhite FOOTER#footer .inner_footer .link_footer:HOVER {
    color: #4167d9;
}

/* ------------------- */
/*     Responsive      */
/* ------------------- */
@media all and (max-width:1023px)
{


} /* end of  @media 1023px */

@media all and (max-width:767px)
{

    HTML.theme_blackwhite {
        scrollbar-color: auto;
    }

    .theme_blackwhite .area_article .article_view .contents_style IMG {
        box-shadow: 0px 0px 4px -2px rgba(255,255,255, 0.4);
	}
	
	/* 커버 카드, 카테고리 리스트 배경 */
	.theme_blackwhite .area_category .list_category,
	.theme_blackwhite .area_cover .type_card     .list_type_card {
		background-color: rgba(1, 1, 5, 75%);
	}

} /* end of  @media 767px */


/* ======================================
Go Top Scroll Bottom : 상단/하단 이동버튼 */
.theme_blackwhite #at-go #btn-stop-scroll,
.theme_blackwhite #at-go #btn-go-scroll,
.theme_blackwhite #at-go #btn-go-top,
.theme_blackwhite #at-go #btn-go-bottom {
    color: rgba(255, 255, 255, 0.5);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(50, 50, 70, 0.4));
}
/* Mobile 에서 Touch 시 Hover Out 이 작동 안되는 것을 막기 위해 */
@media (hover: HOVER) and (pointer: FINE) {
    .theme_blackwhite #at-go #btn-stop-scroll:HOVER,
    .theme_blackwhite #at-go #btn-go-scroll:HOVER  {
        background-image: linear-gradient(to bottom, rgba(100,100,100, 0.4), rgba(245, 245, 255, 0.7) );
    }
    .theme_blackwhite #at-go #btn-go-top:HOVER,
    .theme_blackwhite #at-go #btn-go-bottom:HOVER  {
        background-image: linear-gradient(to bottom, rgba(100,100,100, 0.3), rgba(245, 245, 255, 0.6) );
    }
}

/* ___Heisme End___ */