.material-symbols-outlined {
    font-variation-settings:
    'FILL' 0,
    'wght' 200,
    'GRAD' 0,
    'opsz' 24
  }

.content-item{display: flex;flex-direction: column;gap: 5rem;margin:0}

.content-info{width:100%;max-width:1024px}
.content-info > h2{font-size:2.5rem;margin:0 0 1rem; border-bottom:1px solid #e4e4e4;padding:2rem 0;margin-bottom:3rem;}
/* 목차 */
.content-info[data-type='index'] > .content-container{display:grid;gap:2rem 3rem}
.content-info[data-type='index'].opt1 .content-detail i{background: #ffffff;color:#666666;font-size:4rem}
.content-info[data-type='index'].opt2 > .content-container{grid-template-columns:repeat(2,1fr)}
.content-info[data-type='index'].opt3 > .content-container{grid-template-columns:repeat(3,1fr)}
.content-info[data-type='index'] .content-detail i{width:4rem;height:4rem;font-size:2.4rem;background: #969696;color:#ffffff;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;margin-right:1rem}
.content-info[data-type='index'] .content-detail h2{font-size:1.8rem;color:#191919;/*font-weight:700;*/font-weight:300;margin:0 0 1.5rem}
.content-info[data-type='index'] .content-detail div{font-size:1.4rem;color:#666666;line-height:1.4em;/*font-weight:500;*/font-weight:300;}

/* 표 */
.content-info[data-type='table'] > .content-container{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.content-info[data-type='table'].opt2 > .content-container .content-detail{grid-template-columns:repeat(2,1fr)}
.content-info[data-type='table'].opt3 > .content-container .content-detail{grid-template-columns:repeat(3,1fr)}
.content-info[data-type='table'].opt4 > .content-container .content-detail{grid-template-columns:repeat(4,1fr)}
.content-info[data-type='table'] .content-detail{display:grid}
.content-info[data-type='table'] .content-detail h2{font-size:1.6rem;color:#191919;/*font-weight:700;*/font-weight:300;margin:0 0 1rem}
.content-info[data-type='table'] .content-detail:not(:first-child){border-top:1px solid #ddd}
.content-info[data-type='table'] .content-detail > div:not(:first-child){border-left:1px solid #ddd}
.content-info[data-type='table'] .content-detail > div{background:#ffffff;padding:1.5rem;font-size:1.4rem;color:#666}
/* 표-세로 */
.content-info[data-type='table'].opt2_1 .content-detail:first-child > div{background:#f8f8f8;padding:1.5rem;font-size:1.4rem;text-align:center;color:#666;/*font-weight:700;*/font-weight:300;}
/* 표-가로 */
.content-info[data-type='table'].opt2_2 .content-detail > div:nth-child(odd){background:#f8f8f8;padding:1.5rem;font-size:1.4rem;text-align:center;color:#666;/*font-weight:700;*/font-weight:300;}


/* 카드 */
.content-info[data-type='card'] .content-card{display:flex}
.content-info[data-type='card'] .content-card > div{flex:1 1 50%}
.content-info[data-type='card'] .content-card:nth-child(even) > div:nth-child(1){order:2}
.content-info[data-type='card'] .content-card:nth-child(even) > div:nth-child(2){order:1}
.content-info[data-type='card'] .content-card > div:nth-child(1){background:#f0f0f0;width:100%;aspect-ratio:3/2}
.content-info[data-type='card'] .content-card > div:nth-child(1) > img{height:100%;width:100%;object-fit:cover}
.content-info[data-type='card'] .content-card > div:nth-child(2){display:flex;gap:2.5rem;padding:2rem;flex-direction: column;}
.content-info[data-type='card'] .content-card > div > div > i{width:4rem;height:4rem;font-size:4rem;color:#161616;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;margin-right:1rem}
.content-info[data-type='card'] .content-card > div > div > h2{font-size:1.8rem;color:#161616;/*font-weight:700;*/font-weight:500;margin:0 0 1.5rem}
.content-info[data-type='card'] .content-card > div > div > div{font-size:1.4rem;color:#161616;line-height:1.4em;/*font-weight:500;*/font-weight:400;}

.content-info[data-type='slide']        .content-container .splide__slide > img{height:100%;width:100%;object-fit:cover}
/* aspect-ration: 가로/세로 */
.content-info[data-type='slide']        .content-container .splide__slide{width:100%;aspect-ratio:1/1;background:#f8f8f8} 
.content-info[data-type='slide'].opt2 > .content-container .splide__slide{width:100%;aspect-ratio:3/2;background:#f8f8f8}
.content-info[data-type='slide'].opt3 > .content-container .splide__slide{width:100%;aspect-ratio:3/2;background:#f8f8f8}
.content-info[data-type='slide'].opt4 > .content-container .splide__slide{width:100%;aspect-ratio:3/2;background:#f8f8f8}

.info-content{margin-top:3rem}


@media (max-width: 1024px){
    /* 목차 */
    .content-info[data-type='index'].opt2 > .content-container{grid-template-columns:repeat(1,1fr)!important}
    .content-info[data-type='index'].opt3 > .content-container{grid-template-columns:repeat(1,1fr)!important}

    /* 카드 */
    /* .content-info[data-type='card'] .content-card{display:block}
    .content-info[data-type='card'] .content-card > div:nth-child(2){padding:0} */

}