#sub { letter-spacing: -1px; }

#sub #Equipments .flexList .box { box-shadow: 0 0 7.5px rgba(0,0,0,.1); border-radius: 1rem; overflow: hidden; }
#sub #Equipments .flexList .box .txt { padding: 2.5rem; }
@media (max-width:990px){
    #sub #Equipments .flexList .box .txt { width: 60%; padding: 1.5rem; }
    #sub #Equipments .flexList .box .img { width: 40%; height: 100%; display: flex; align-items: center; background-color: #f3f3f5; }
}

#sub #Direction .inSWrap { position: relative; }
#sub #Direction .inSWrap .swiper-arrows { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; }
#sub #Direction .inSWrap .swiper-arrows > * { position: absolute; width: 60px; height: 60px;  border-radius: 50%; top: 50%; transform: translateY(-50%); cursor: pointer; }
#sub #Direction .inSWrap .swiper-arrows > .swiperButtonPrev { left: -80px; background-color: #fff; border: 1px solid var(--light-gray); }
#sub #Direction .inSWrap .swiper-arrows > .swiperButtonNext { right: -80px; background-color: var(--pointcolor); }
#sub #Direction .swiper-prg { position: relative; top: 2rem; height: 5px; background: var(--light-gray); }
#sub #Direction .swiper-prg  .swiper-pagination-progressbar-fill { background-color: var(--pointcolor); }
@media (max-width:990px){
    #sub #Direction .inSWrap .swiper-arrows > * { width: 40px; height: 40px; }
    #sub #Direction .inSWrap .swiper-arrows > .swiperButtonPrev { left: 0; }
    #sub #Direction .inSWrap .swiper-arrows > .swiperButtonNext { right: 0; }
}

#sub #locMap hr { display: block; border-color: transparent; background-color: var(--light-gray); }
#sub #locMap .mapTit { width: 15%; margin-right: 2rem; }
@media (max-width:990px){
    #sub #locMap hr { opacity: .5; }
    #sub #locMap .box { width: 100%; }
    #sub #locMap .box:not(:first-child) { width: 90%; margin: 5rem auto; padding-left: 0; }
}

@media (max-width:990px){
#sub #Disease .flex .box { display: flex; align-items: center; width: 100%; margin-left: 0; }
#sub #Disease .flex .box:not(:first-child) { margin-top: 2rem; }
#sub #Disease .flex .box > * { width: 50%; }
#sub #Disease .flex .box > .img { aspect-ratio: 1/1; overflow: hidden; border-radius: 2rem; }
#sub #Disease .flex .box > .img > img { object-fit: contain; }
}

#sub #Advantage .advList li { padding: 1.5rem 0; }
#sub #Advantage .advList li:not(:last-child) { border-bottom: 1px solid var(--light-gray); }
@media (max-width:990px){
    #sub .partWrap { flex-wrap: wrap; }
    #sub .partWrap > * { width: 100%; }
    #sub .partWrap .Tit { text-align: center; }
    #sub #Advantage .advList li img { width: 30%; }
}

#sub #Recommend .container { background-image: url('../img/sub/img_recommend_bg.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: center; }
#sub #Recommend .flexList { padding-bottom: 300px; }
@media (max-width:990px){
    #sub #Recommend .container { background-image: url('../img/sub/img_recommend_bg_m.png'); background-position: bottom center; }
    #sub #Recommend .flexList { padding-top: 100px; padding-bottom: 100px; }
    #sub #Recommend ul li { align-items: flex-start; }
}

#sub #Precaution .cautionList { width: 65%; margin: auto; }
#sub #Precaution .cautionList li { position: relative; width: 100%; margin-bottom: 1rem; padding: 1.25rem 0 1.25rem 3rem; background-color: #f8f8f8; }
#sub #Precaution .cautionList li:last-of-type { margin-bottom: 0; }
#sub #Precaution .cautionList li::before { position: absolute; content: ''; width: 10px; height: 100%; background-color: var(--pointcolor); top: 0; left: 0; }
@media (max-width:990px){
    #sub #Precaution .cautionList { width: 100%; }
    #sub #Precaution .cautionList li::before { width: 5px; }
}

#sub #Result table { width: 65%; margin: auto; border-spacing: 0; border-radius: 1rem; overflow: hidden; }
#sub #Result table thead th, #sub #Result table tbody td { border-right: 1px solid #e7e7e7; }
#sub #Result table thead tr th:last-of-type, #sub #Result table tbody tr td:last-of-type { border-right: 0; } 
#sub #Result table thead th { background-color: var(--pointcolor); color: #fff; padding: 1rem 2rem; }
#sub #Result table tbody td { background-color: #f9f9f9; border-bottom: 1px solid #e7e7e7; }
#sub #Result table tbody td:not(.text-center) { padding: 2rem 4rem; }
#sub #Result table tbody tr:last-of-type td { border-bottom: 0; }
#sub #Result table tbody td ul.dot li { position: relative; padding-left: .75rem; }
#sub #Result table tbody td ul.dot li::before { position: absolute; content: ''; width: 3px; height: 3px; top: 50%; left: 0; transform: translateY(-50%); background-color: #333; border-radius: .25rem; }
@media (max-width:990px){
    #sub #Result table { width: 100%; }
    #sub #Result table tbody td:not(.text-center) { padding: 2rem; }
    #sub #Result table tbody td ul.dot li { margin-bottom: .25rem; }
    #sub #Result table tbody td ul.dot li::before { top: .5rem; transform: translateY(0); }
}

#sub #Specialities { background-image: url('../img/sub/img_speciality_bg.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: bottom center; }
@media (max-width:990px){
    #sub #Specialities { background-image: url('../img/sub/img_speciality_bg_m.png'); }
    #sub #Specialities .flex .box { width: 100%; margin-left: 0; }
    #sub #Specialities .flex .box:not(:first-child) { margin-top: 2rem; }
    #sub #Specialities .flex .box .txt h4 { font-size: 1.75rem; }
}