@charset "utf-8";

@font-face {
  font-family: "Daon SCore Dream";
  src: url("../fonts/S-CoreDream-1Thin.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 100;
}

:root {
  --renew-red: #2B2926;
  --portfolio-accent: #2B2926;
}

html,
body,
button,
input,
select,
textarea,
optgroup,
.chn,
.f_select,
.f_input,
.f_textarea,
.myBtn,
.myBtn2,
#login_box input[type="text"],
#login_box input[type="password"],
#cboxCurrent,
#cboxSlideshow,
table.tb_bd_list td span.reply,
.paging,
#main_gal .hero-copy,
.local-preview-nav,
.local-preview-eyebrow,
.local-preview-title,
.portfolio-card h2,
.portfolio-card p {
  font-family: "Daon SCore Dream", "Malgun Gothic", Arial, sans-serif;
}

/* Preserve the existing hierarchy; heavier values use browser synthesis. */
.mobile_menu > ul > li > a,
.portfolio-filter,
.portfolio-project-title,
#news_wrap .news_title,
#news_wrap .list_box .text_area .subject,
#win_requset_area h3.title,
.daon-youtube h2,
.daon-instagram h2 {
  letter-spacing: .03em;
}

#main_gal .hero-copy,
#main_gal .hero-copy strong {
  color: #FFFFFF;
}
#main_gal .hero-copy--renewal {
  top: 50%;
  height: 220px;
  margin-top: 0;
  padding: 0 32px;
  box-sizing: border-box;
  transform: translateY(-50%);
  display: block;
  line-height: 1;
  color: #FAF8F4;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .24);
}
#main_gal .hero-copy__scene {
  position: absolute;
  inset: 0 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#main_gal .hero-copy__motion {
  width: 100%;
  opacity: 0;
  will-change: opacity, transform;
}
#main_gal .hero-copy__single-line,
#main_gal .hero-copy__final-main {
  margin: 0;
  color: inherit;
  font: 600 35px/1.4 "Daon SCore Dream", "Malgun Gothic", Arial, sans-serif;
  letter-spacing: -.035em;
  word-break: keep-all;
}
#main_gal .hero-copy__single-line {
  white-space: nowrap;
}
#main_gal .hero-copy__final-sub {
  margin: 18px 0 0;
  color: inherit;
  font: 300 clamp(17px, 1.4vw, 20px)/1.7 "Daon SCore Dream", "Malgun Gothic", Arial, sans-serif;
  letter-spacing: -.018em;
}
#main_gal .hero-copy__mobile-break {
  display: none;
}
#main_gal .typo img {
  filter: grayscale(1) brightness(0) invert(1);
}

a:hover,
.local-preview-nav a:hover,
.local-preview-eyebrow {
  color: #2B2926;
}

/* These legacy utility classes were originally declared with !important. */
.fc_point,
.fc_red {
  color: #2B2926 !important;
}

#mobile_header a.open_m_menu img,
.mobile_menu .top_link img,
.mobile_menu .social img,
#footer_wrap ul.social img,
#win_requset_wrap .btn_close img,
.renew-contact ul.contact_list .icon img {
  filter: grayscale(1) brightness(.28);
}

.mobile_menu > ul > li > a,
#mobile_header .mobile_menu .info {
  color: #2B2926;
}
.mobile_menu > ul > li > a:hover,
.mobile_menu > ul > li > a:focus-visible,
.mobile_menu > ul > li > a.selected {
  color: #5A4637;
}
.mobile_menu > ul > li > a {
  transition: color .25s ease;
}
.mobile_menu > ul > li > a.selected {
  border: 0;
  background: none;
  text-decoration: none;
}

#visual .visual_content ul.work_cate li a:hover,
#visual .visual_content ul.work_cate li a.selected,
#visual .visual_content ul.about_cate li a:hover,
#visual .visual_content ul.about_cate li a.selected {
  background-color: #2B2926;
}

ul.process li .pro_title p { color: #2B2926; }
ul.process li .pro_title div.under_line { border-color: #2B2926; }
ul.contact_list li a.btn_career:hover { background-color: #5A4637; }

.portfolio-filter { color: #77716A; }
.portfolio-filter:hover,
.portfolio-filter:focus-visible,
.portfolio-filter.selected {
  color: #2B2926;
}
.portfolio-filter.selected {
  box-shadow: inset 0 -1px 0 currentColor;
}
.portfolio-back:hover,
.portfolio-back:focus-visible { color: #5A4637; border-color: #5A4637; }
.viewer-thumb.active { border-color: #2B2926; }

#win_requset_area h3.title span { color: #2B2926; }
#win_requset_area li a:hover { color: #5A4637; border-color: #5A4637; }
#win_requset_area li a.selected,
.myBtn {
  background-color: #2B2926;
  border-color: #2B2926;
  color: #FFFFFF;
}
.myBtn:hover,
.myBtn:focus-visible { background-color: #5A4637; }
.myBtn2 { background-color: #77716A; color: #FFFFFF; }
.myBtn2:hover,
.myBtn2:focus-visible { background-color: #5A4637; }

#news_wrap .list_box .text_area a.btn_more:hover,
#news_wrap .cate_area .cate_wrap .box_area .cate_box ul li a:hover,
.daon-youtube__channels a:hover,
.daon-youtube__channels a:focus-visible,
.daon-instagram__channels a:hover,
.daon-instagram__channels a:focus-visible {
  color: #5A4637;
  border-color: #5A4637;
}

input::placeholder,
textarea::placeholder { color: #A59E96; }

@media screen and (max-width: 768px) {
  .mobile_menu .top_link a.close_m_menu,
  #win_requset_wrap a.btn_close {
    width: 44px;
    height: 44px;
  }
  .mobile_menu .top_link a.close_m_menu img,
  #win_requset_wrap a.btn_close img {
    display: block;
    width: 33px;
    height: 33px;
    margin-left: 11px;
  }
  #main_gal .hero-copy--renewal {
    padding: 0 24px;
  }
  #main_gal .hero-copy__scene {
    right: 24px;
    left: 24px;
  }
  #main_gal .hero-copy__single-line,
  #main_gal .hero-copy__final-main {
    font-size: 25px;
    line-height: 1.4;
    letter-spacing: -.045em;
  }
  #main_gal .hero-copy__single-line {
    white-space: normal;
  }
  #main_gal .hero-copy__desktop-space {
    display: none;
  }
  #main_gal .hero-copy__mobile-break {
    display: inline;
  }
  #main_gal .hero-copy__final-sub {
    margin-top: 16px;
    font-size: clamp(15px, 4vw, 16px);
    line-height: 1.75;
    letter-spacing: -.025em;
  }
}