.intro_wrap { width: 100%; float:left; background: url(/images/intro_bg.png) no-repeat 100% center; height: 100vh; background-size: cover; }
.intro_wrap .title_wrap { width: 100%; float: left; text-align: center; margin-top: 7%; }
.intro_wrap .title_wrap .tit { font-size: 3rem; font-weight: 600; }
.intro_wrap .title_wrap .tit > span { font-weight: 700; color:#0075AC; }
.intro_wrap .title_wrap .sub_tit { font-size: 1.8rem; font-weight: 300; color: #666; margin-top: 1.5%; }
.intro_wrap .title_wrap .sub_tit > span { font-weight: 600; }

.intro_wrap .hosp_wrap { width: 100%; float: left; margin-top: 5%; display: flex; align-items: center; justify-content: center; gap: 2%; }
.intro_wrap .hosp_wrap .hosp { width: 32%; float: left; height: 590px; position: relative;  cursor: pointer !important; box-shadow: 5px 8px 5px rgba(0,0,0,0.2); overflow: hidden; }
.intro_wrap .hosp_wrap .hosp > a { width: 100%; float: left;  }
.intro_wrap .hosp_wrap .hosp01 { border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.intro_wrap .hosp_wrap .hosp03 { border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.intro_wrap .hosp_wrap .hosp .tit_box { width: 100%; float: left; height: 590px; text-align: center; position: absolute; bottom: 0; transform: translateY(-10%); z-index: 9; color:#fff; display: flex; align-items: center; flex-direction: column; justify-content: end; }
.intro_wrap .hosp_wrap .hosp .tit_box .sub_tit { font-size: 1.2rem; font-weight: 300; }
.intro_wrap .hosp_wrap .hosp .tit_box .tit { font-size: 2rem; font-weight: 600; margin-top: 8px; }
.intro_wrap .hosp_wrap .hosp .tit_box .line { width: 80px; height: 3px; background-color: #fff; margin-top: 30px; }
.intro_wrap .hosp_wrap .hosp .img_box { width: 100%; float: left; height: 590px; }
.intro_wrap .hosp_wrap .hosp .img_box > img { min-width: 100%; }

.intro_wrap .hosp_wrap .hosp .hov_box { width: 100%; float: left; height: 590px; border: 5px solid #26D1FF; text-align: center; position: absolute; z-index: 9; color:#fff; display: flex; justify-content: space-between; flex-direction: column; background: linear-gradient(to bottom, #0000000c 10%, #000000c2 100%); padding: 8% 5% 13% 5%;  cursor: pointer !important; }
.intro_wrap .hosp_wrap .hosp02 .hov_box { border: 5px solid #FF7918; }
.intro_wrap .hosp_wrap .hosp03 .hov_box { border: 5px solid #00df94; }
.intro_wrap .hosp_wrap .hosp01 .hov_box { border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.intro_wrap .hosp_wrap .hosp03 .hov_box { border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.intro_wrap .hosp_wrap .hosp .hov_box .arrw_icon { width: 42px; height: 42px; float:right; line-height: 42px; background-color: #fff; border: 1px solid #DEDEDE; border-radius: 50px; text-align: center; }
.intro_wrap .hosp_wrap .hosp01 .hov_box .arrw_icon { color:#26D1FF; }
.intro_wrap .hosp_wrap .hosp02 .hov_box .arrw_icon { color:#FF7918; }
.intro_wrap .hosp_wrap .hosp03 .hov_box .arrw_icon { color:#00df94; }
.intro_wrap .hosp_wrap .hosp .hov_box .sub_tit { width: 100%; float:left; font-size: 1.2rem; font-weight: 300; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
.intro_wrap .hosp_wrap .hosp .hov_box .tit { width: 100%; float:left; font-size: 2rem; font-weight: 600; margin-top: 8px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
.intro_wrap .hosp_wrap .hosp01 .hov_box .tit { color:#26D1FF; font-weight: 800; }
.intro_wrap .hosp_wrap .hosp02 .hov_box .tit { color:#FF7918; font-weight: 800; }
.intro_wrap .hosp_wrap .hosp03 .hov_box .tit { color:#00df94; font-weight: 800; }
.intro_wrap .hosp_wrap .hosp .hov_box .text { width: 100%; float:left; font-size: 1.1rem; font-weight: 200; line-height: 22px; margin-top: 15px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
.intro_wrap .hosp_wrap .hosp .hov_box .text > span { color:#FFEF94; }
.intro_wrap .hosp_wrap .hosp .hov_box .call { width: 100%; float:left; margin-top: 13px; font-weight: 700; font-size: 1.3rem; }
.intro_wrap .hosp_wrap .hosp .hov_box .call > i { margin-right: 8px; }
.intro_wrap .hosp_wrap .hosp01 .hov_box .call > i { color:#26D1FF; }
.intro_wrap .hosp_wrap .hosp02 .hov_box .call > i { color:#FF7918; }
.intro_wrap .hosp_wrap .hosp03 .hov_box .call > i { color:#00df94; }
.intro_wrap .hosp_wrap .hosp .hov_box .hosp_logo { width: 100%; float:left; margin-top: 17px; }
.animation { opacity: 0; transform: translateY(30px); transition: 0.5s ease-out, transform 0.5s ease-out;}
.animation:hover{ opacity: 1; transform: translateY(0); cursor: pointer !important;}
.animation:hover .tit_box { display: none; }
.intro_wrap .hosp_wrap .hosp:hover { transform: translateY(-30px); transition: 0.5s ease-out, transform 0.5s ease-out; }
.intro_wrap .hosp_wrap .hosp:hover .tit_box { display: none; }



/* 반응형 */

/* PC (1400 이하) */
@media only screen and (max-width: 1400px) {
    .intro_wrap .hosp_wrap .hosp { height: 510px; }
    .intro_wrap .hosp_wrap .hosp .tit_box { height: 510px; }
    .intro_wrap .hosp_wrap .hosp .img_box { height: 510px; }
    .intro_wrap .hosp_wrap .hosp .hov_box { height: 510px; }
    .intro_wrap .hosp_wrap { margin-top: 8%; }
}

/* PC (1200 이하) */
@media only screen and (max-width: 1200px) {
    .intro_wrap .hosp_wrap .hosp { height: 415px; }
    .intro_wrap .hosp_wrap .hosp .tit_box { height: 415px; }
    .intro_wrap .hosp_wrap .hosp .img_box { height: 415px; }
    .intro_wrap .hosp_wrap .hosp .hov_box { height: 415px; }
}

/* PC (1000 이하) */
@media only screen and (max-width: 1000px) {
    .intro_wrap .hosp_wrap .hosp { height: 330px; }
    .intro_wrap .hosp_wrap .hosp .tit_box { height: 330px; }
    .intro_wrap .hosp_wrap .hosp .img_box { height: 330px; }
    .intro_wrap .hosp_wrap .hosp .hov_box { height: 330px; }
}

/* PC (786 이하) */
@media only screen and (max-width: 786px) {
    .intro_wrap .hosp_wrap .hosp { height: 415px; }
    .intro_wrap .hosp_wrap .hosp .tit_box { height: 415px; }
    .intro_wrap .hosp_wrap .hosp .img_box { height: 415px; }
    .intro_wrap .hosp_wrap .hosp .hov_box { height: 415px; }
}