@charset "utf-8";
/* 
body
#fff -> #111

content
#000 -> #fff
#fff -> #000
#555 -> #d9d9d9
#767676

border
#ccc -> #3a3b3d

*/
html[data-dark=true] body {
  background-color: #111;
  color: #fff;
}


/****** dark mode ******/
/****** header ******/
html[data-dark="true"] .header_logo {
  background-image: url(/images/logo_white.svg) !important;
}

html[data-dark="true"] .header.bg {
  background-color: #111;
  border-color: #3a3b3d;
}

html[data-dark="true"] .header p {
  color: #969696;
}

html[data-dark="true"] .header_menu em,
html[data-dark="true"] .header_menu em::before,
html[data-dark="true"] .header_menu em::after {
  background-color: #fff;
}

/****** side menu ******/
html[data-dark="true"] .side {
  background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

html[data-dark="true"] .side_info {
  border-color: #3a3b3d;
}

html[data-dark="true"] .side_email p,
html[data-dark="true"] .side_phone p {
  color: #d9d9d9;
}

/****** footer ******/
html[data-dark="true"] footer {
  color: #969696;
  border-color: #3a3b3d;
}

html[data-dark="true"] .footer_link {
  color: #fff;
}

/****** btn ******/
html[data-dark="true"] .top_btn,
html[data-dark="true"] .dark_btn {
  background-color: rgba(58, 59, 61, 1);
  box-shadow: none;
}

html[data-dark="true"] .dark_btn em {
  background-position: 0 -26px;
}

html[data-dark="true"] .top_btn em {
  background-position: -26px 0;
}

html[data-dark=true] .about__title p,
html[data-dark=true] .skill__index {
  color: #53575c;
}

html[data-dark=true] .about__txt span,
html[data-dark=true] .skill__list {
  color: #a8a8a8;
}

html[data-dark=true] .about__txt strong {
  color: #fff;
}

html[data-dark=true] .info_tit::after {
  background-position: -16px 0;
}

html[data-dark=true] .skill__head {
  background-color: #111;
}

html[data-dark=true] .skill,
html[data-dark=true] .skill__item,
html[data-dark=true] .skill__grid {
  border-color: #3a3b3d;
}


html[data-dark=true] .skip_nav a {
  background-color: #fff;
  color: #000;
}

html[data-dark=true] .work_txt .txt_etc p,
html[data-dark=true] .work_txt > p {
  color: #969696;
}

html[data-dark=true] .work_txt h3,
html[data-dark=true] .work_txt .txt_etc > *,
html[data-dark=true] .work_index {
  color: #fff;
}   

html[data-dark=true] .info_wrap,
html[data-dark=true] .info_item,
html[data-dark=true] .info_item:nth-child(odd) {
  border-color: #3a3b3d;
}

html[data-dark=true] .info_tit::after {
  background-position: -16px 0;
}

html[data-dark=true] .work_prev {
  background-image: url(/images/prev_arrow_w.svg);
}

html[data-dark=true] .work_next {
  background-image: url(/images/next_arrow_w.svg);
}

html[data-dark=true] .work_slide_container {
  --swiper-pagination-bullet-inactive-color: #fff;
}




/* 화사소개 */
html[data-dark=true] .about__title p,
html[data-dark=true] .skill__index {
  color: #53575c;
}

html[data-dark=true] .about__txt span,
html[data-dark=true] .skill__list {
  color: #a8a8a8;
}

html[data-dark=true] .about__txt strong {
  color: #fff;
}

html[data-dark=true] .info_tit::after {
  background-position: -16px 0;
}

html[data-dark=true] .skill__head {
  background-color: #111;
}

html[data-dark=true] .skill,
html[data-dark=true] .skill__item,
html[data-dark=true] .skill__grid {
  border-color: #3a3b3d;
}


html[data-dark=true] .grid_tab li button {
  color: #53575c;
}

html[data-dark=true] .grid_tab li.active button {
  color: #fff;
}

html[data-dark=true] .grid_item .pg1 {
  background-color: #fff;
}


html[data-dark=true] .purpose {color: #fff; background: #111;}

html[data-dark=true] .vision__title-stroke {    text-shadow: 1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; color: #000;}
html[data-dark=true] .vision__container {color: fff;}
html[data-dark=true] .vision {    background-color: #252525;}

html[data-dark=true] .product {background-color: #000;}
html[data-dark=true] .product__list-text {color: #fff;}

html[data-dark=true] .bg__block {background: linear-gradient(180deg, #fff, rgba(230, 29, 43, 0));}

html[data-dark=true] .brand__info { color: #fff;}  
html[data-dark=true] .brand__title { color: #fff;}  
html[data-dark=true] .brand__move li {background: #585858;}

html[data-dark=true] .brand2__info { color: #fff;}  
html[data-dark=true] .brand2__title { color: #fff;}  
html[data-dark=true] .brand2__move li {background: #585858;}


html[data-dark=true] .news {background-color: #191919;}
html[data-dark=true] .news__txt {    background-color: #333;color: #ddd;}
html[data-dark=true] .moveTitle {background-color: #fff;}
html[data-dark=true] .moveTitle__second {color: #000;}
html[data-dark=true] .moveTitle__first {color: #000;}
html[data-dark=true] .news__title {color: #fff;}
html[data-dark=true] .news__next, 
html[data-dark=true] .news__prev {background: #fff;}
html[data-dark=true] .news__date {color: #aaa;}

html[data-dark=true] .news_pagination {
    background: #333 !important;
}

html[data-dark=true] .news_pagination span {background: #eee !important;}
html[data-dark=true] .news__container li {background: #eee;    border: 1px solid #eee; }

html[data-dark=true] .sticky .since__txt {    background: #111;}
html[data-dark=true] .sticky__item:nth-child(11) {background: url(/images/carepilates_logo.png);    background-size: cover;
  background-repeat: no-repeat;
  background-position: center;}

  html[data-dark=true] .news__next, html[data-dark=true] .news__prev{ color: #000;border: 3px solid #000; background-color: #fff; }

  html[data-dark=true] .contact_form input {color: #fff;}
  html[data-dark=true] .contact_form textarea  {color: #fff;}

  html[data-dark=true]  .product__title { text-shadow: 5px 0 #585858 , 0 2px #585858, 1px 0 #585858, 0 -1px #585858;}