.detail-sec .hero-sec { width: 100%; display: inline-block; padding: 80px 0 0 0; background-color: var(--quaternary_color); }
.detail-sec .hero-sec .inner-hero { width: 100%; display: inline-block; }
.detail-sec .hero-sec .themes {margin: 0;}
.detail-sec .hero-sec .list-item ul .theme {
    color: var(--primary_color);
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    position: relative;
    width: auto;
    z-index: 1;
}

.detail-sec .hero-sec .title { width:100%; font-family:var(--primary_font_semibold); font-weight:600;font-size: 40px; line-height: 100%; }
.detail-sec .hero-sec .title h1 {    font-synthesis: initial !important; font-style: italic;font-weight:600; line-height: 120%; margin: 0; }
.detail-sec .hero-sec .inner-hero { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; gap: 100px; }
.detail-sec .hero-sec .info { width: 100%; display: inline-block; }
.detail-sec .hero-sec .list-item { width: 100%; display: inline-block; padding: 0 0 10px 0; }
.detail-sec .hero-sec .list-item ul { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; padding: 0; margin: 0; gap: 30px; }
.detail-sec .hero-sec .list-item ul li { width: auto; display: inline-block; margin: 0; position: relative; z-index: 1; }
.detail-sec .hero-sec .list-item ul li a { color: var(--primary_color); display: inline-block; font-size: 14px; font-family:var(--primary_font_regular); line-height: 24px; margin: 0; width: auto; }
.detail-sec .hero-sec .list-item ul li+li:after { background: var(--primary_color); content: ""; height: 50%; left: -15px; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; }
.detail-sec .hero-sec .tag { width: 100%; display: inline-block; position: relative; z-index: 2; }
.detail-sec .hero-sec .tag ul { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; padding: 0; margin: 0; gap: 30px; position: absolute; bottom: -23px; }
.detail-sec .hero-sec .tag ul li { width: auto; display: inline-block; margin: 0; position: relative; z-index: 1; background: var(--secondary_color); color: #fff; font-size: 12px; font-family:var(--primary_font_semibold);font-weight:600; line-height: 20px; padding: 7px 12px; text-align: center; transition: 0.3s ease-in-out; }
.detail-sec .text-sidebar .sidebar p{margin:0;    line-height: 1.2;}
.detail-sec .text-sidebar .sidebar p a {
    color: var(--primary_color);
}
.detail-sec .text-sidebar .sidebar h3{
  font-family:var(--primary_font_semibold);
  font-weight:600;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0%;
  margin-bottom:15px;
}
.detail-sec .text-sidebar .sidebar hr{
  border-bottom:solid 1px var(--primary_color);
  margin:12px 0;
}
.detail-sec .text-sidebar .sidebar .date {margin-top: 30px;}
.detail-sec .text-sidebar { width: 100%; display: inline-block; margin-bottom: -80px; z-index: 1; position: relative; }
.detail-sec .text-sidebar .wrap { width: 100%; display: flex; align-items: stretch; justify-content: flex-start; gap: 180px; }
.detail-sec .text-sidebar .sidebar {height: fit-content; width: 100%; display: inline-block; margin-top: -30px; background: var(--tertiary_color); max-width: 272px; padding: 30px 30px 80px; }
.detail-sec .text-sidebar .text { padding-top: 80px; padding-bottom:140px; }
.detail-sec .text { width: 100%; display: inline-block; }
.detail-sec .text strong { width: 100%; display: inline-block; margin: 0 0 16px 0; font-family:var(--primary_font_semibold);font-weight:600; font-size: 20px; line-height: 28px; }
.detail-sec .text p strong { margin: auto; font-size: 16px; line-height: 25px; }
.detail-sec .text p { width: 100%; display: inline-block; }
.detail-sec .text h1, .detail-sec .text h2, .detail-sec .text h3, .detail-sec .text h4 { width: 100%; display: inline-block; }
.detail-sec .text img { width: 100%; display: inline-block; margin: 0 0 15px 0; }
.detail-sec .text blockquote { padding: 20px; background-color: var(--secondary_color)1c; }

.detail-sec .sidebar .title { width: 100%; display: inline-block; margin: 0 0 16px 0; }
.detail-sec .sidebar .title strong { width: 100%; display: inline-block; font-family:var(--primary_font_semibold);font-weight:600; font-size: 18px; line-height: 28px; color: var(--primary_color); }
.detail-sec .sidebar .bookmark-list { width: 100%; display: inline-block; }
.detail-sec .sidebar .bookmark-list ul { width: 100%; display: inline-block; padding: 0; margin: 0; }
.detail-sec .sidebar .bookmark-list ul li { width: 100%; display: inline-block; }
.detail-sec .sidebar .bookmark-list ul li + li { padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid var(--primary_color); ); }
.detail-sec .sidebar .bookmark-list ul li   a { width: 100%; display: inline-block; font-style: italic; font-size: 14px; line-height: 24px; color: var(--primary_color); }
.detail-sec .sidebar .prac-date { width: 100%; display: inline-block; margin: 50px 0 0 0; }
.detail-sec .sidebar .prac-date ul { width: 100%; display: inline-block; padding: 0; margin: 0; }
.detail-sec .sidebar .prac-date ul li { width: 100%; display: inline-block; padding: 0; margin: 0; }
.detail-sec .sidebar .prac-date ul li a { width: 100%; display: inline-block; font-size: 14px; line-height: 24px; color: var(--primary_color); }
.detail-sec .people {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2px;
  padding: 48px 0 0;
  margin: 0;
  font-style:normal;
}
.detail-sec .people a{text-decoration:none;}
.detail-sec .full-img { display: inline-block; line-height: 0; vertical-align: top; width: 100%; padding: 0 0 60px 0; }
.detail-sec .full-img img { object-fit: cover; object-position: center }
.detail-sec .full-img .copyright { width: 100%; display:none; padding-top: 24px; }
.detail-sec .full-img .copyright small { width: 100%; display: flex; flex-wrap:wrap; align-items: flex-start; justify-content: flex-end; margin-right: 0; font-family:var(--primary_font_regular); font-size: 12px; line-height: 18px; max-width: 420px; }

.detail-sec .only-text { width: 100%; display: inline-block; padding: 0 0 50px 0; }
.detail-sec .only-text .text-inner { width: 100%; display: inline-block; max-width: 1040px; }
.detail-sec .only-text .text-inner p { font-size: 20px; line-height: 28px; letter-spacing: -0.3px; }

/* .detail-sec .text iframe { width: 100%; display: inline-block; } */

@media (max-width: 1229px) {
  .detail-sec .hero-sec .title strong { font-size: 30px; }
  .detail-sec .hero-sec .title h1 { font-size: 50px; }
  .detail-sec .hero-sec { padding: 60px 0 0 0; }
  .detail-sec .hero-sec .inner-hero { gap: 70px; }
  .detail-sec .text-sidebar .wrap { gap: 30px; }
  .detail-sec .only-text .text-inner p {font-size: 16px; line-height: 25px;}
}

@media (max-width:991px) {
  .detail-sec .hero-sec .title h1 { font-size: 40px; }
  .detail-sec .text-sidebar .sidebar .date {margin-top: 0px;}
  .detail-sec .text-sidebar .wrap { flex-direction: column;padding-top:20px; }
  .detail-sec .text-sidebar .sidebar { width: 100%; max-width: 100%; margin: 0px 0 0 0; }
  .detail-sec .sidebar .prac-date { margin: 30px 0 0 0; }
  .detail-sec .text-sidebar .text { padding: 0; }
  .detail-sec .text-sidebar { margin: 0 0 40px 0; }
  .detail-sec .full-img { padding: 0 0 50px 0; }
  .detail-sec .text h1, .detail-sec .text h2, .detail-sec .text h3, .detail-sec .text h4 { line-height: 110%; }

  .detail-sec .text h1 { font-size: 40px; }
  .detail-sec .text h2 { font-size: 30px; }
  .detail-sec .text h3 { font-size: 24px; }
}

@media (max-width:767px) {
  .detail-sec .people { font-size: 18px;}
  .full-img.desktop_only {display: none;}
  .full-img.mobile_only {display: initial;}
  .detail-sec .text-sidebar .sidebar p{line-height:22px;}
  .detail-sec .hero-sec { padding: 50px 0 0 0; }
  .detail-sec .hero-sec .inner-hero { gap: 50px; }
  .detail-sec .hero-sec .title h1 { font-size: 32px; line-height: 38px; }
  .detail-sec .hero-sec .title strong { font-size: 24px; line-height: 28px; }
  .detail-sec .hero-sec .tag ul { gap: 16px; }
  .detail-sec .hero-sec .list-item ul { gap: 16px; }
  .detail-sec .hero-sec .list-item ul li+li:after { left: -9px; }
  .detail-sec .text-sidebar .sidebar { padding: 30px 16px;line-height:22px; }

  .detail-sec .text h1 { font-size: 30px; }
  .detail-sec .text h2 { font-size: 24px; }
  .detail-sec .text h3 { font-size: 22px; }
  .detail-sec .only-text { padding: 0 0 30px 0; }
  .detail-sec .text strong { font-size: 18px; line-height: 26px; }
  .detail-sec .text p strong { width: auto; display: contents; }
  .detail-sec .full-img .copyright small { max-width: 100%; }
  .detail-sec .full-img .copyright { padding-top: 16px; }
}