@charset "utf-8";

#previewHos .top-intro {color:#fff;}

#previewHos .video-section {margin-top: 137px;}
#previewHos .video-section .container-2{position: relative;height: 0;padding-bottom: 37%;overflow: hidden;}
#previewHos .video-section iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#previewHos .video-section iframe body {justify-content: flex-start;}
#previewHos .tit-section {margin-top: 100px;text-align: center; line-height:1;}
#previewHos .tit-section .title-box span{display: block; font-size: 35px; letter-spacing: -0.5px;margin-bottom: 20px;}
#previewHos .tit-section .title-box strong{font-size: 58px; margin-bottom: 36px; display: block;}
#previewHos .tit-section .sub-tit{font-size:20px;}

#previewHos .preview-hos-slider-wrapper { margin-top: 110px; } 
#previewHos .preview-hos-slider {width: calc(1236px + ((100% - 1236px) / 2)) !important;float: right;position: relative;overflow: hidden;padding-bottom: 100px;margin-bottom: 100px; } 
#previewHos .preview-hos-slider .swiper-wrapper .swiper-slide { width: 1180px !important; margin-right: 60px;} 
#previewHos .preview-hos-slider .swiper-wrapper .swiper-slide-active .hos_facility_img { height: 540px;} 
#previewHos .preview-hos-slider .swiper-wrapper .swiper-slide .facility_name {opacity:0; transition:.5s; font-size: 30px; font-weight: bold; margin-top: 30px; } 
#previewHos .preview-hos-slider .swiper-wrapper .swiper-slide .facility_comment {opacity:0; transition:.5s; font-size: 20px; color: #333; margin-top: 30px; } 
#previewHos .preview-hos-slider .btns-wrapper { position: relative; bottom: -100px; width: 120px; left: 30px; } 
#previewHos .preview-hos-slider .swiper-button-next { right: 0; bottom: 0; top: auto; width: 16px; height: 30px; background: url("/images/ico_link_arrow.png") no-repeat center; } 
#previewHos .preview-hos-slider .swiper-button-prev { left: 0; bottom: 0; top: auto; width: 16px; height: 30px; background: url("/images/ico_link_arrow.png") no-repeat center; transform: rotate(180deg); } 
#previewHos .preview-hos-slider .swiper-pagination { position: absolute; left: 50%; transform: translateX(-50%); text-align: left; font-size: 18px; line-height: 1; bottom: 6px; width: auto; } 
#previewHos .preview-hos-slider .swiper-pagination-current { color: #900020; } 

#previewHos .preview-hos-slider .swiper-wrapper .swiper-slide.swiper-slide-active .facility_name,
#previewHos .preview-hos-slider .swiper-wrapper .swiper-slide.swiper-slide-active .facility_comment {opacity:1;}