/* ===================================
   Generated semantic fixes
   - Moves legacy inline styles and style blocks out of HTML.
   - Preserve current visual rendering while meeting markup rules.
   =================================== */
.sem-style-0001 { background-image: url('../images/twi001t3294754.jpg') }
.sem-style-0002 { background-image: url('../images/yaytg219206.jpg') }
.sem-style-0003 { background-image: url('../images/pc0040625158.jpg') }
.sem-style-0004 { background-image: url('../images/pc0040643051.jpg') }
.sem-style-0005 { background-image: url('../images/td0131t307305.jpg') }
.sem-style-0006 { background-image: url('../images/wmtg0304883.jpg') }
.sem-style-0007 { background-image: url('../images/pc0040574663.jpg') }
.sem-style-0008 { background-image: url('../images/pc0040574042.jpg') }
.sem-style-0009 { background-image: url('../images/tci00400000137.jpg') }
.sem-style-0010 { background-image: url('../images/ti219a25103_n.jpg') }
.sem-style-0011 { background-image: url('../images/twi001t3276934.jpg') }
.sem-style-0012 { background-image: url('../images/td0131t233546.jpg') }
.sem-style-0013 { background-image: url('../images/td01830000268.jpg') }
.sem-style-0014 { margin:0;padding:0 }
.sem-style-0015 { font-size: 22px; font-weight: 700; line-height: 1.65; color: var(--color-gray-900); }
.sem-style-0016 { font-size: 16px; color: var(--color-gray-600); }
.sem-style-0017 { padding:16px }
.sem-style-0018 { width:110px }
.sem-style-0019 { width:50px }
.sem-style-0020 { padding:12px 0 }
.sem-style-0021 { margin:0;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;text-align:center }
.sem-style-0022 { max-width:100%;height:auto }
.sem-style-0023 { margin:0;padding:24px;background:#eef3fa;border-radius:8px;text-align:center }
.sem-style-0024 { display:flex;gap:16px;align-items:flex-start }
.sem-style-0025 { width:160px;height:180px;background:var(--color-gray-300);border-radius:var(--radius-md) }
.sem-style-0026 { width:80px;height:80px;background:var(--color-gray-300);border-radius:50% }
.sem-style-0027 { margin-top:8px;font-size:13px;color:var(--color-gray-500) }
.sem-style-0028 { padding:24px 32px 96px;vertical-align:top }
.sem-style-0029 { padding:24px;vertical-align:middle }
.sem-style-0030 { margin-top:48px }
.sem-style-0031 { position: relative; height: 240px; background: var(--color-gray-100); border-radius: 6px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.sem-style-0032 { color: var(--color-gray-400); font-size: var(--fs-small); }
.sem-style-0033 { display: flex; gap: var(--space-2); margin-top: var(--space-3); }
.sem-style-0034 { position:relative; height:0; }

.sem-style-0035 { background-image: url('../images/td02220000862.jpg') }
.sem-style-0036 { --h:42% }
.sem-style-0037 { --h:47% }
.sem-style-0038 { --h:67% }
.sem-style-0039 { --h:38% }
.sem-style-0040 { --h:36% }
.sem-style-0041 { --h:84% }
.sem-style-0042 { --h:51% }
.sem-style-0043 { --h:46% }
.sem-style-0044 { --h:65% }
.sem-style-0045 { --h:87% }
.sem-style-0046 { --h:62% }
.sem-style-0047 { --h:58% }
.sem-style-0048 { --h:75% }
.sem-style-0049 { --h:68% }
.sem-style-0050 { --h:70% }
.sem-style-0051 { --h:100% }
.sem-style-0052 { --h:61% }
.sem-style-0053 { --h:56% }
.sem-style-0054 { --h:69% }
.sem-style-0055 { --h:95% }
.sem-style-0056 { --h:98% }
.sem-style-0057 { --h:55% }
.sem-style-0058 { --h:97% }
.sem-style-0059 { --h:32% }
.sem-style-0060 { --h:15% }
.sem-style-0061 { --h:12% }
.sem-style-0062 { --h:59% }
.sem-style-0063 { --h:26% }
.sem-style-0064 { --h:34% }
.sem-style-0065 { --h:31% }
.sem-style-0066 { --h:7% }
.sem-style-0067 { --h:53% }
.sem-style-0068 { --h:5% }
.sem-style-0069 { --h:17% }
.sem-style-0070 { --h:23% }
.sem-style-0071 { --h:11% }
.sem-style-0072 { --h:72% }
.sem-style-0073 { --h:8% }
.sem-style-0074 { --h:13% }
.sem-style-0075 { --h:30% }
.sem-style-0076 { --h:18% }
.sem-style-0077 { --h:71% }
.sem-style-0078 { --h:19% }
.sem-style-0079 { --h:21% }
.sem-style-0080 { --h:20% }
.sem-style-0081 { --h:24% }
.sem-style-0082 { --h:49% }
.sem-style-0083 { --h:22% }
.sem-style-0084 { --h:85% }
.sem-style-0085 { --h:63% }
.sem-style-0086 { --h:94% }
.sem-style-0087 { --h:45% }
.sem-style-0088 { --h:77% }
.sem-style-0089 { --h:41% }
.sem-style-0090 { --h:25% }
.sem-style-0091 { --h:28% }
.sem-style-0092 { --h:37% }
.sem-style-0093 { --h:27% }
.sem-style-0094 { --h:89% }
.sem-style-0095 { --h:29% }
.sem-style-0096 { --h:66% }
.sem-style-0097 { --h:82% }
.sem-style-0098 { --h:40% }
.sem-style-0099 { --h:43% }
.sem-style-0100 { --h:35% }
.sem-style-0101 { width:6% }
.sem-style-0102 { width:10% }
.sem-style-0103 { width:38% }
.sem-style-0104 { width:18% }
.sem-style-0105 { width:8% }
.sem-style-0106 { width:32% }
.sem-style-0107 { height: 13% }
.sem-style-0108 { height: 53% }
.sem-style-0109 { height: 85% }
.sem-style-0110 { height: 100% }
.sem-style-0111 { height: 87% }
.sem-style-0112 { height: 88% }
.sem-style-0113 { height: 84% }
.sem-style-0114 { height: 80% }
.sem-style-0115 { height: 92% }
.sem-style-0116 { height: 86% }
.sem-style-0117 { height: 75% }
.sem-style-0118 { height: 91% }
.sem-style-0119 { height: 83% }
.sem-style-0120 { height: 89% }
.sem-style-0121 { height: 94% }
.sem-style-0122 { height: 77% }
.sem-style-0123 { height: 57% }
.sem-style-0124 { height: 55% }
.sem-style-0125 { height: 19% }
.sem-style-0126 { height: 5% }
.sem-style-0127 { height: 20% }
.sem-style-0128 { height: 30% }
.sem-style-0129 { height: 51% }
.sem-style-0130 { height: 82% }
.sem-style-0131 { height: 95% }
.sem-style-0132 { height: 97% }
.sem-style-0133 { height: 98% }
.sem-style-0134 { height: 62% }
.sem-style-0135 { height: 49% }
.sem-style-0136 { height: 59% }
.sem-style-0137 { height: 32% }
.sem-style-0138 { height: 27% }
.sem-style-0139 { height: 28% }
.sem-style-0140 { height: 16% }
.sem-style-0141 { height: 9% }
.sem-style-0142 { height: 1% }
.sem-style-0143 { height: 76% }
.sem-style-0144 { height: 96% }
.sem-style-0145 { height: 93% }
.sem-style-0146 { height: 67% }
.sem-style-0147 { height: 48% }
.sem-style-0148 { height: 41% }
.sem-style-0149 { height: 54% }
.sem-style-0150 { height: 44% }
.sem-style-0151 { height: 47% }
.sem-style-0152 { height: 50% }
.sem-style-0153 { height: 46% }
.sem-style-0154 { height: 42% }
.sem-style-0155 { height: 34% }
.sem-style-0156 { height: 38% }
.sem-style-0157 { background-image: url('../images/cm08097055.jpg') }
.sem-style-0158 { background-image: url('../images/pc0040575157.jpg') }

/* bri_eng 메인 하위 섹션 패널 배경을 국문(bri)과 동일 이미지로 (bri_eng 전용 스코프 — 타 EN 사이트 무영향) */
body.page-bri-main .sem-style-0002 { background-image: url('../../bri/images/main/yaytg219206.jpg') }
body.page-bri-main .sem-style-0001 { background-image: url('../../bri/images/main/twi001t3294754.jpg') }
body.page-bri-main .sem-style-0035 { background-image: url('../../bri/images/main/td02220000862.jpg') }
body.page-bri-main .sem-style-0005 { background-image: url('../../bri/images/main/td0131t307305.jpg') }
body.page-bri-main .sem-style-0006 { background-image: url('../../bri/images/main/wmtg0304883.jpg') }
body.page-bri-main .sem-style-0008 { background-image: url('../../bri/images/main/pc0040574042.jpg') }
body.page-bri-main .sem-style-0007 { background-image: url('../../bri/images/main/pc0040574663.jpg') }
body.page-bri-main .sem-style-0009 { background-image: url('../../bri/images/main/tci00400000137.jpg') }
body.page-bri-main .sem-style-0010 { background-image: url('../../bri/images/main/ti219a25103_n.jpg') }
body.page-bri-main .sem-style-0011 { background-image: url('../../bri/images/main/twi001t3276934.jpg') }
body.page-bri-main .sem-style-0003 { background-image: url('../../bri/images/main/pc0040625158.jpg') }

/* moved from .\02_bri-snuh_designpublishing\fo\html_en\04_dear\001_main.html */
body.page-dear-main .main-showcase__panel-title,
    body.page-dear-main .main-showcase__panel:hover .main-showcase__panel-title {
      white-space: normal;
      font-size: var(--fs-title-sm);
      padding: 0 var(--space-3);
    }

/* moved from .\02_bri-snuh_designpublishing\fo\html_en\04_dear\025_primate.html */
/* 흰 배경 */
                .fp-bg    { fill: var(--color-white); }
                /* 박스별 직접 컬러 — zone 배경 제거, 각 room에 fill 부여 */
                .fp-room   { fill: none; stroke: var(--color-gray-500); stroke-width: 1; }
                .fp-room-y  { fill: var(--color-primary-500); fill-opacity: .20; }
                .fp-room-g  { fill: var(--color-primary-700); fill-opacity: .20; }
                .fp-room-p  { fill: var(--color-primary-300); fill-opacity: .20; }
                /* 폰트: 최소 --fs-small(16px), 강조 --fs-body(18px) */
                .fp-name   { fill: var(--color-text-primary);  font-size: var(--fs-small); font-weight: 600; }
                .fp-code   { fill: var(--color-text-secondary); font-size: var(--fs-small); }
                .fp-bold   { fill: var(--color-gray-900);    font-size: var(--fs-body);  font-weight: 700; }
                /* Pass Room: primary-700 솔리드, 텍스트 흰색, 테두리 없음 */
                .fp-pass   { fill: var(--color-primary-700); }
                .fp-pt    { fill: var(--color-white); font-size: var(--fs-small); font-weight: 700; }
                /* 행동연구실: gray-700 다크 그레이, 텍스트 흰색, 테두리 없음 */
                .fp-action  { fill: var(--color-gray-700); }
                .fp-at    { fill: var(--color-white); font-size: var(--fs-small); font-weight: 700; }
                .fp-at-sub  { fill: var(--color-white); font-size: var(--fs-small); font-weight: 400; }
                .fp-out   { stroke: var(--color-primary-700); stroke-width: 7; fill: none; }
                .fp-in    { stroke: var(--color-error);     stroke-width: 7; fill: none; }
                .fp-mout   { fill: var(--color-primary-700); }
                .fp-min   { fill: var(--color-error); }
                .fp-leg-out { fill: var(--color-primary-700); font-size: var(--fs-small); font-weight: 700; }
                .fp-leg-in  { fill: var(--color-error);     font-size: var(--fs-small); font-weight: 700; }
                .fp-border  { fill: none; stroke: var(--color-border); stroke-width: 2; }

/* moved from .\02_bri-snuh_designpublishing\fo\html_en\04_dear\063_review.html */
.iacuc-flow-html { overflow-x: auto; }

/* moved from .\02_bri-snuh_designpublishing\fo\html_en\09_hrpp\030_irb.html */
#irb-flow text { font-family: 'SUIT', 'Malgun Gothic', sans-serif; }
                 #irb-flow .title-right { font-size: var(--fs-body); font-weight: 700; fill: #FFFFFF; letter-spacing: 0.2px; }
                 #irb-flow .title-right-sub { font-size: var(--fs-small); font-weight: 500; fill: var(--color-primary-50); }
                 #irb-flow .label    { font-size: var(--fs-small); font-weight: 500; fill: #FFFFFF; }
                 #irb-flow .label-bold  { font-size: var(--fs-body); font-weight: 700; fill: #FFFFFF; }
                 #irb-flow .label-on-active { font-size: var(--fs-body); font-weight: 700; fill: #FFFFFF; }
                 #irb-flow .label-on-active-sub { font-size: var(--fs-small); font-weight: 500; fill: #FFFFFF; opacity: 0.9; }
                 #irb-flow .label-on-active-link { font-size: var(--fs-small); font-weight: 600; fill: var(--color-warning); }
                 #irb-flow .label-pending  { font-size: var(--fs-body); font-weight: 700; fill: #FFFFFF; }
                 #irb-flow .label-rejected { font-size: var(--fs-body); font-weight: 700; fill: #FFFFFF; }
                 #irb-flow .label-warn  { font-size: var(--fs-body); font-weight: 700; fill: #FFFFFF; }
                 #irb-flow .label-sub  { font-size: var(--fs-small); font-weight: 400; fill: #FFFFFF; opacity: 0.85; }
                 #irb-flow .label-arrow { font-size: var(--fs-small); fill: var(--color-gray-600); }
                 #irb-flow .label-feedback { font-size: var(--fs-small); font-weight: 600; fill: var(--color-warning-active); }
                 #irb-flow .label-callout { font-size: var(--fs-small); font-weight: 600; fill: #FFFFFF; }
                 #irb-flow .label-callout-head { font-size: var(--fs-body); font-weight: 700; fill: #FFFFFF; }
                 #irb-flow .accent-bar { fill: var(--color-primary-900); }
                 #irb-flow .node    { fill: #FFFFFF; stroke: var(--color-gray-400); stroke-width: 1.5; }
                 #irb-flow .node-info  { fill: var(--color-primary-900); stroke: none; }
                 #irb-flow .node-main  { fill: var(--color-primary-900); stroke: none; }
                 #irb-flow .node-active{ fill: var(--color-primary-900); stroke: none; }
                 #irb-flow .node-pending  { fill: var(--color-warning); stroke: none; }
                 #irb-flow .node-rejected { fill: var(--color-error); stroke: none; }
                 #irb-flow .node-header  { fill: var(--color-primary-900); stroke: none; }
                 #irb-flow .node-callout  { fill: var(--color-primary-900); stroke: none; }
                 #irb-flow .group-box  { fill: none; stroke: var(--color-gray-600); stroke-width: 1.5; stroke-dasharray: 4 3; }
                 #irb-flow .arrow     { stroke: var(--color-gray-600); stroke-width: 1.5; fill: none; }
                 #irb-flow .arrow-strong  { stroke: var(--color-primary-900); stroke-width: 2; fill: none; }
                 #irb-flow .arrow-feedback{ stroke: var(--color-warning); stroke-width: 1.5; fill: none; stroke-dasharray: 5 3; }
                 #irb-flow .star-text   { font-size: var(--fs-body); font-weight: 700; fill: var(--color-warning); }
                 #irb-flow .badge-feedback { fill: var(--color-warning); stroke: none; }
                 #irb-flow .label-feedback-badge { font-size: var(--fs-tiny); font-weight: 700; fill: #FFFFFF; }
                 #irb-flow .arrow-bg    { fill: #FFFFFF; }
                 #irb-flow-arrow path { fill: var(--color-gray-600); }
                 #irb-flow-arrow-strong path { fill: var(--color-primary-900); }
                 #irb-flow-arrow-feedback path { fill: var(--color-warning); }