@charset "utf-8"; .main-visual img { width:100%; border-radius:20px; } 

.researchcenter-title { font-size:52px; font-weight:bold; margin:60px 0; } 

.section-title {padding-left:15px; margin: 80px 0 20px; font-size: 28px; font-weight:bold; } 

.section-title { position: relative; padding-left: 19px; border-left: none; } 
.section-title::before { content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 28px; background: #003C7D; } 

.section-list li { display: flex; align-items: flex-start; color: #000; line-height: 1.8; margin-bottom: 10px; } 
.section-list li::before { content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 10px; background: #000; border-radius: 50%; flex-shrink: 0; margin-top: 20px; } 

.wrap-imgbox { display: flex; justify-content: space-between; gap:0 25px;} 

.wrap-imgbox .box { flex: 1; border-radius: 30px; overflow: hidden; height: 360px;} 

.wrap-imgbox .box img { width: 100%; height: 100%; object-fit: cover; } 


.lab-equip-list { display: flex; flex-wrap: wrap; gap: 24px; width: 100%; } 

.lab-equip-card { border-radius: 30px; border: 2px solid #ddd; flex: 0 0 calc((100% - 48px) / 3); min-width: 0; max-width: 100%; display: flex; flex-direction: column; overflow: hidden; } 

.equip-img img { display: block; width: 100%; object-fit: cover; aspect-ratio: 570/427;} 

.equip-body { padding: 30px; } 

.equip-num { color: #009FE1; font-size: 24px; margin-bottom: 15px; } 

.equip-title { font-weight: bold; font-size: 28px; margin-bottom: 30px;} 
.lab-equip-card:nth-child(1) .equip-title.cw::after {content: 'RF Sputtering System'; display: block; font-size: 20px; font-weight: lighter; color: #ddd;} 
.lab-equip-card:nth-child(2) .equip-title.cw::after {content: 'Inductively Coupled Plasma Reactive Ion Etching'; display: block; font-size: 20px; font-weight: lighter; color: #ddd;} 
.lab-equip-card:nth-child(3) .equip-title.cw::after {content: 'Mask Aligner'; display: block; font-size: 20px; font-weight: lighter; color: #ddd;} 

.lab-equip-card:nth-child(1) .equip-title.lamp::after {content: 'Automatic Biochemical Analyzer'; display: block; font-size: 20px; font-weight: lighter; color: #ddd;} 
.lab-equip-card:nth-child(2) .equip-title.lamp::after {content: 'Shaking Incubator'; display: block; font-size: 20px; font-weight: lighter; color: #ddd;} 
.lab-equip-card:nth-child(3) .equip-title.lamp::after {content: 'Rotary Evaporator'; display: block; font-size: 20px; font-weight: lighter; color: #ddd;} 

.equip-title-en { font-size: 24px; color: #ddd; } 

.equip-info-title {margin-bottom: 12px;border-left: none;display: flex;gap: 0 10px;align-items: center;} 

.equip-info-title::before {content: ''; width: 4px;height: 24px;background: #003C7D;} 

.equip-info { list-style: none; padding-left: 0; margin: 0 0 30px 0; } 

.equip-info li { display: flex; align-items: flex-start; color: #000; line-height: 1.8; margin-bottom: 10px; } 
.equip-info li::before { content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 10px; background: #000; border-radius: 50%; flex-shrink: 0; margin-top: 14px; } 

.equip-info li { color: #888888; font-size: 18px; margin-bottom: 12px; } 

.equip-info li:last-child { margin-bottom: 0; } 


/* 모바일 */
@media (max-width: 1024px){
 .equip-body { padding: 20px; } 
 
 .researchcenter-title { font-size: 26px; } 
 .wrap-imgbox { flex-direction: column; gap: 15px 0; } 
 
 .section-title { font-size: 18px; margin: 40px 0 10px; } 
 .section-title::before { top: 0;} 
 
 .section-list { font-size: 16px; } 

 .lab-equip-list { flex-direction: column; gap: 24px; } 

 .lab-equip-card { flex: none; width: 100%; max-width: 100%; } 

 .equip-num { font-size: 14px; } 

 .equip-title { font-size: 18px; margin-bottom: 20px; } 
 .equip-info-title { font-size: 18px; gap: 0 8px; margin-bottom: 0; } 
 .equip-info {margin: 5px auto 20px;} 
 .equip-info li { font-size: 14px; } 
 .section-list li::before { margin-top: 10px; } 
 .equip-info-title::before{height: 16px;}
 .equip-info li::before{margin-top: 11px;}

 .wrap-imgbox .box{flex:auto;}
 }