@charset "utf-8";
body[data-dark='true'] {
    background-color: #333;
}
.header[data-dark='true'] {
    background-color: #333;
    border-bottom: 1px solid #3a3b3d;
}
.header[data-dark='true'] ul li a {
    color: #ccc;
}
.header[data-dark='true'] ul li.on a {
    color: #d9d9f9;
}
.header[data-dark='true'] ul li.on::after,  
.header[data-dark='true'] ul li:hover::after  {
    background-color: #d9d9d9;
}
.header[data-dark='true'] .etc > ul > li ul {
    background-color: #272727;
}

/* main-banner title */
.visual-type[data-dark='true'] #animatedStr {
    color: #d9d9d9;
}
.visual-type[data-dark='true'] a {
    background-color: #272729;
    color: #d9d9d9;
    border-color: #3d3d3d;
}
/* darkmode button - mobile용 */
.dark-btn[data-dark='true'] {
    background-color: #272729;
}
.dark-btn[data-dark='true'] a i {
    color: #d9d9d9;
}
/* mobile menu */
.mb-btn[data-dark='true'] {
    /* background-color: #272729; */
}
.mb-btn[data-dark='true'] span {
    background-color: #d9f9f9;
}
.mb-nav[data-dark='true'] {
    background-color: #333;
}
.mb-nav[data-dark='true'] .mb-menu {}
.mb-nav[data-dark='true'] .mb-menu li {
    border-color: #d9d9d9;
}
.mb-nav[data-dark='true'] .pic p,
.mb-nav[data-dark='true'] .mb-menu li a {
    color: #d9d9d9;
}
/* home */
.visual .visual-type[data-dark='true'] .anime-text .sub-title {
    color: #fff;
}
.visual .visual-type[data-dark='true'] .middle p {
    color: #fff;
}
.visual .visual-type[data-dark='true'] .bottom p {
    color: #fff;
}
/* main */
.content .title-wrap[data-dark='true'] .title h3 {
  color: #fff;
}
/* about */
/* profile-pic(left) */
.content .profile[data-dark='true'] .inner .data .id-info .field {
  color: #ddd;
}
.content .profile[data-dark='true'] .inner .data .id-info p {
    color: #fff;
}
.content .profile[data-dark='true'] .inner .data .id-info p.tag {
  color: #ddd;
}
/* profile-txt(right) */
/* mind */
.content .profile[data-dark='true'] .inner .mind strong {
  color: #ddd;
}
.content .profile[data-dark='true'] .inner .mind .item-wrap .item p {
  color: #fff;
}
.content .profile[data-dark='true'] .inner .mind .item-wrap .item p span {
  color: #fff;
}
/* edu */
.content .profile[data-dark='true'] .inner .edu strong {
  color: #ddd;
}
.content .profile[data-dark='true'] .inner .edu .item-wrap .item .date {
  color: #ddd;
}
.content .profile[data-dark='true'] .inner .edu .item-wrap .item .what {
    color: #fff;
}
.content .profile[data-dark='true'] .inner .edu .item-wrap .item .info {
  color: #ddd;
}
/* license */
.content .profile[data-dark='true'] .inner .license strong {
  color: #ddd;
}
.content .profile[data-dark='true'] .inner .license .item-wrap .item .date {
  color: #ddd;
}
.content .profile[data-dark='true'] .inner .license .item-wrap .item .what {
    color: #fff;
}
/* skill */
.content .profile[data-dark='true'] .inner .skills strong {
  color: #ddd;
}
/* footer */
.footer[data-dark='true'] {
    background-color: #333;
    border-top: 1px solid #3d3d3d;
}
.footer[data-dark='true'] p {
    color: #d9d9d9;
}