
/*        */
.ilk-fbx{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; margin-top: 30px;}
.ilk-fbx .lk > p{font-weight: 600; font-size: 18px; color: #222; margin-bottom: 10px;}
.ilk-fbx .lk > a{ display:inline-block; font-size: 14px; color:#fff; line-height: 20px; padding: 8px 20px; font-weight: 600; background: #018c53}
.ilk-fbx .lk > a:after{content: '>'; font-size:13px; font-weight:800; margin-left:10px}

.vt-ibx img{vertical-align: top;}
.inf-ctx{padding-left: 23px; font-size: 14px; color: #454545; line-height: 24px;}
.inf-ctx strong{font-weight: 600; }
.inf-ctx .green{color: #018c53;}

.itx-lls{margin-top: 15px;}
.itx-lls > li{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 0; border-bottom: 1px solid #ddd;}
.itx-lls > li > .ph{width: 34.25%;}
.itx-lls > li > .ph > img{vertical-align: top; width: 100%; border-radius: 24px 0;}
.itx-lls > li > .tx{width: 63%; padding: 5px 0 50px; position: relative;}
.itx-lls > li > .tx > h5{font-weight: 600; font-size: 18px; color: #222; margin-bottom: 10px;}
.itx-lls > li > .tx > ul > li{position: relative; padding-left: 10px; font-size: 14px; line-height: 20px; color: #454545;}
.itx-lls > li > .tx > ul > li:before{content: ''; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; background: #454545; border-radius: 100%;}
.itx-lls > li > .tx > ul > li + li{margin-top: 8px;}
.itx-lls > li > .tx .lk{position: absolute; right: 0; bottom: 0; font-weight: 500; font-size: 14px; color: #018c53; line-height: 20px; padding: 9px 19px; border: 1px solid #018c53;}
.itx-lls > li > .tx .lk:hover, .itx-lls > li > .tx .lk:focus{background: #018c53; color: #fff;}

.sc-slick-wp{padding: 50px 20px; border: 1px solid #e5e5e5; margin-bottom: 35px;}
.sc-slick-bx{max-width: 520px; margin: 0 auto; padding: 0 60px; position: relative;}
.sc-slick img{vertical-align: top;}
.sc-sl-arr a{position: absolute; top: 50%; width: 40px; height: 40px; font-size: 0; margin-top: -20px; border: 1px solid #eee; border-radius: 100%;}
.sc-sl-arr .prev{left: 0; background: url(/images/health-care/sc_sld_arr1.jpg) center center no-repeat;}
.sc-sl-arr .next{right: 0; background: url(/images/health-care/sc_sld_arr2.jpg) center center no-repeat;}
.sc-sl-arr .slick-disabled{opacity: 0.5;}
.sc-slick-wp .sl-cnt{text-align: center; font-size: 14px; color: #454545; line-height: 20px; margin-top: 15px;}
.sc-sl-thm{max-width: 520px; padding: 0 60px; margin: 15px auto 0; display: flex; gap: 10px;}
.sc-sl-thm > li{width: 20%; flex-grow: 1;}
.sc-sl-thm > li img{vertical-align: top;}
.sc-sl-thm > li > a{display: block; opacity: 0.5; overflow: hidden; border-radius: 6px;}
.sc-sl-thm > li.on > a{padding: 2px; border: 1px solid #1a9b76; opacity: 1; }

.itx-dll{padding: 10px 30px; border: 1px solid #ddd;}
.itx-dll > dl{padding: 30px 10px;}
.itx-dll > dl + dl{border-top: 1px dashed #e1e1e1;}
.itx-dll > dl > dt{font-weight: 600; font-size: 18px; color: #222; margin-bottom: 15px;}
.itx-dll > dl > dd{display: table; table-layout: fixed; word-wrap: break-word;}
.itx-dll > dl > dd > i{display: table-cell; vertical-align: middle; width: 120px;}
.itx-dll > dl > dd > div{display: table-cell; vertical-align: middle; padding-left: 30px;}
.itx-dll .tx{font-size: 14px; line-height: 20px; color: #454545;}
.itx-dll .tx strong{font-weight: 600; }
.itx-dll .tx .green{color: #018c53;}
.itx-dll .bt{margin-top: 15px;}
.itx-dll .bt > a{display: block; max-width: 170px; text-align: center; font-weight: 500; font-size: 14px; color: #018c53; line-height: 20px; padding: 9px; border: 1px solid #018c53;}
.itx-dll .bt > a:hover, .itx-dll .bt > a:focus{background: #018c53; color: #fff;}

@media screen and (max-width: 640px){
.itx-lls > li > .ph{width: 180px;}
.itx-lls > li > .ph > img{border-radius: 20px 0;}
.itx-lls > li > .tx{width: calc(100% - 200px);}
}
@media screen and (max-width: 500px){
.itx-lls > li > .ph{width: 100%;}
.itx-lls > li > .ph > img{border-radius: 24px 0;}
.itx-lls > li > .tx{width: 100%; padding-top: 0; margin-top: 20px;}

.sc-slick-wp{padding: 30px 10px;}
.sc-slick-bx, .sc-sl-thm{padding: 0 40px;}
.sc-sl-arr a{width: 30px; height: 30px; margin-top: -15px;}

.itx-dll{padding: 10px 15px;}
.itx-dll > dl{padding: 20px 5px;}
.itx-dll > dl > dd > i{width: 80px;}
.itx-dll > dl > dd > div{padding-left: 20px;}
}


