.elementor-37 .elementor-element.elementor-element-7d4bb7a{--display:flex;--padding-top:120px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-c5c1dfc{text-align:center;}.elementor-37 .elementor-element.elementor-element-c5c1dfc .elementor-heading-title{font-size:3rem;font-weight:800;color:#1E293B;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-abf50c2{text-align:center;font-size:1.2rem;font-weight:400;color:var( --e-global-color-text );}.elementor-37 .elementor-element.elementor-element-2681d76{--display:flex;--padding-top:100px;--padding-bottom:120px;--padding-left:24px;--padding-right:24px;}.elementor-37 .elementor-element.elementor-element-2681d76:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-2681d76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}/* Start custom CSS for container, class: .elementor-element-2681d76 *//* 기존 CSS 보강 */
.cert-item { position: relative; background: #fff; border-bottom: 1px solid #f1f5f9; padding: 24px 32px; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); cursor: pointer; border-radius: 16px; margin-bottom: 12px; display: block; text-decoration: none; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02); }
.cert-item:hover { transform: translateX(12px); box-shadow: 0 25px 50px rgba(16, 185, 129, 0.1); border-color: #10b981; }
.cert-item.active { border-color: #10b981; background: #fdfdfd; }

.idx-box { width: 80px; height: 80px; background: #fff; border: 2px solid #f1f5f9; border-radius: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink:0; transition: all 0.3s; }
.cert-item:hover .idx-box, .cert-item.active .idx-box { background: #10b981; border-color: #10b981; }
.idx-num { font-size: 18px; font-weight: 800; color: #94a3b8; }
.cert-item:hover .idx-num, .cert-item.active .idx-num { color: #fff; }

/* 토글 아이콘 스타일 보강 */
.arr-icon { 
    width: 32px; height: 32px; 
    background: #f1f5f9; border-radius: 50%; 
    display: flex; align-items: center; justify-content: center; 
    transition: all 0.4s ease; 
    margin-left: 20px;
}
.cert-item.active .arr-icon { 
    background: #10b981; 
    transform: rotate(45deg); /* +가 x로 바뀌는 효과 */
}
.arr-icon svg { stroke: #64748b; transition: all 0.4s; }
.cert-item.active .arr-icon svg { stroke: #fff; }

.exp-content { max-height: 0; overflow: hidden; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); padding-left: 112px; }
.cert-item.active .exp-content { max-height: 1500px; padding-top: 32px; padding-bottom: 32px; }
.dt-box { background: #f8fafc; padding: 40px; border-radius: 24px; border: 1px solid #e2e8f0; }

@media(max-width: 768px) { 
    .exp-content { padding-left: 0; } 
    .dt-grid { grid-template-columns: 1fr !important; } 
    .idx-box { width: 60px; height: 60px; } 
}/* End custom CSS */