/* introduction */
.introduction {padding: 60px 20px; overflow: hidden;}
.introduction .contents {border-top: 1px solid #ddd; margin-top: 40px; padding-top: 40px;}
.introduction .contents .txt {position: relative; font-size: 19px; font-weight: 700; color: #000; padding-left: 15px;}
.introduction .contents .txt::before {content: ''; position: absolute; left: 0; top: 14px; width: 6px; height: 6px; background: #b9a7ff; border-radius: 50%;}
.diagnosis-list {flex-wrap: wrap; justify-content: space-between; margin-top: 40px;}
.diagnosis-list li {}
.diagnosis-list li + li {margin-top: 20px;}
.diagnosis-list li a {position: relative; padding: 20px; border-radius: 10px; background: linear-gradient(to right, #cbbdff, #a793f4); transition: .3s; display: block;}
.diagnosis-list li a::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; box-shadow: 4.4px 5.4px 9px 0 rgba(19, 0, 94, 0.44); opacity: 0; transition: .3s;}
.diagnosis-list li:hover a::before {opacity: 1;}
.diagnosis-list .text-group {color: #fff;}
.diagnosis-list .text-group em {position: relative; font-size: 18px; font-weight: 700; display: block; margin-bottom: 5px;}
.diagnosis-list .text-group em::before {content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 20px; background: rgba(255, 255, 255, .6); display: none;}
.diagnosis-list .text-group .num {font-size: 17px; font-weight: 300;}
.diagnosis-list .image {text-align: right;}
.diagnosis-list .image img {max-width: 34px;}