.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 .s_title_wrap { width: 100%; float: left; text-align: center; margin-top: 7%; display: none; }
.intro_wrap .s_title_wrap .tit { font-size: 2.5rem; font-weight: 600; }
.intro_wrap .s_title_wrap .tit > span { font-weight: 700; color:#0075AC; }
.intro_wrap .s_title_wrap .sub_tit { font-size: 1.5rem; font-weight: 300; color: #666; margin-top: 3%; }
.intro_wrap .s_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: 30%; float: left; height: 584px; 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-right-radius: 20px; border-bottom-right-radius: 20px; }
.intro_wrap .hosp_wrap .hosp03 { border-top-left-radius: 20px; border-bottom-left-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: 104%; }

.intro_wrap .hosp_wrap .hosp .hov_box { width: 100%; float: left; height: 584px; 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-right-radius: 20px; border-bottom-right-radius: 20px;}
.intro_wrap .hosp_wrap .hosp03 .hov_box { border-top-left-radius: 20px; border-bottom-left-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; width: 32%; }
    .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: 42vw; }
    .intro_wrap .hosp_wrap .hosp .tit_box { height: 42vw; }
    .intro_wrap .hosp_wrap .hosp .img_box { height: 42vw; }
    .intro_wrap .hosp_wrap .hosp .hov_box { height: 42vw; }
    .intro_wrap .hosp_wrap .hosp .img_box > img { min-width: 102%; }
    .intro_wrap .hosp_wrap .hosp .hov_box .arrw_icon { width: 35px; height: 35px; float:right; line-height: 35px; background-color: #fff; border: 1px solid #DEDEDE; border-radius: 50px; text-align: center; }
    .intro_wrap .hosp_wrap .hosp .hov_box .hosp_logo > img { width: 60%; }
    .intro_wrap .hosp_wrap .hosp .hov_box .text { font-size: 1rem; }
}

/* PC (786px 이하) */
@media only screen and (max-width: 786px) {
    .intro_wrap .hosp_wrap { flex-direction: column; margin-bottom: 10%; }
    .intro_wrap .hosp_wrap .hosp { width: 100%; height: 40vw; margin-top: 2%; }
    .intro_wrap .hosp_wrap .hosp .tit_box { height: 40vw; }
    .intro_wrap .hosp_wrap .hosp .img_box { height: 40vw; }
    .intro_wrap .hosp_wrap .hosp .hov_box { height: 40vw; }
    .intro_wrap .hosp_wrap .hosp .img_box > img { min-width: 100%; }
    .intro_wrap .hosp_wrap .hosp:hover { transform: translateY(0px);  }
    .intro_wrap .hosp_wrap .hosp03 { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0px; }
    .intro_wrap .hosp_wrap .hosp01 { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top-right-radius: 0px; }
    .intro_wrap .hosp_wrap .hosp03 .hov_box { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0px; }
    .intro_wrap .hosp_wrap .hosp01 .hov_box { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top-right-radius: 0px; }
    .intro_wrap .hosp_wrap .hosp01 .img_box > img { position: absolute; top: 50%; transform: translateY(-38%); }
    .intro_wrap .hosp_wrap .hosp03 .img_box > img { position: absolute; top: 50%; transform: translateY(-63%); }
    .intro_wrap .hosp_wrap .hosp .hov_box .text { font-size: 1.1rem; }
    .intro_wrap .hosp_wrap .hosp .hov_box .arrw_icon { position: absolute; right: 5%; }
    .intro_wrap .hosp_wrap .hosp .hov_box { text-align: left; }
    .intro_wrap .hosp_wrap .hosp .hov_box .call { width: 50%; }
    .intro_wrap .hosp_wrap .hosp .hov_box .hosp_logo { width: 50%; float:right; margin-top: 0px; text-align: right; }
    .intro_wrap .s_title_wrap {display: block;}
    .intro_wrap .title_wrap {display: none;}
    .animation{ opacity: 1; transform: translateY(0); cursor: pointer !important;}
    .intro_wrap .hosp_wrap .hosp .tit_box { display: none; }
}

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

 /* PC (550px 이하) */
@media only screen and (max-width: 550px) { 
    .intro_wrap .hosp_wrap .hosp { height: 48vw; }
    .intro_wrap .hosp_wrap .hosp .tit_box { height: 48vw; }
    .intro_wrap .hosp_wrap .hosp .img_box { height: 48vw; }
    .intro_wrap .hosp_wrap .hosp .hov_box { height: 48vw; }
    .intro_wrap .hosp_wrap .hosp .hov_box .hosp_logo > img { width: 60%; }
 }