.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; }

section.ex-sec { background-color: #E6E6E6; border-radius: 0.175rem; padding: 0.4rem 0; }

section.ex-sec ul.content-list { width: 8.275rem; align-content: space-between; }

section.ex-sec ul.content-list li { background-color: #fff; border-radius: 0.25rem; padding: 0.4rem 0.375rem; position: relative; }

section.ex-sec ul.content-list li:hover { cursor: pointer; }

section.ex-sec ul.content-list li.active { background-color: #DC0000; color: #fff; }

section.ex-sec ul.content-list li.active::after { position: absolute; content: ""; display: block; width: 0; height: 0; border-top: 0.3375rem solid transparent; border-left: 0.525rem solid #DC0000; border-bottom: 0.3375rem solid transparent; top: 50%; transform: translateY(-50%); right: -0.25rem; }

section.ex-sec ul.content-list li p.title { font-size: 0.45rem; font-weight: bold; }

section.ex-sec ul.content-list li p.intro { font-size: 0.4rem; line-height: 0.675rem; }

section.ex-sec ul.img-list { width: 6.35rem; }

section.ex-sec ul.img-list li { display: none; }

section.ex-sec ul.img-list li img { width: 100%; }

section.ex-sec ul.img-list li.active { display: block; }

section.ex-sec2 ul { justify-content: space-evenly; }

section.ex-sec2 ul li { width: 5rem; position: relative; margin-bottom: 0.25rem; }

section.ex-sec2 ul li img { width: 100%; }

section.ex-sec2 ul li p { font-size: 0.45rem; position: absolute; width: 100%; text-align: center; bottom: 0.75rem; color: #fff; }

section.ex-sec2 ul li span { display: block; width: 1.15rem; height: 0.075rem; background-color: #fff; position: absolute; bottom: 0.5rem; left: 50%; transform: translateX(-50%); }