@CHARSET "UTF-8";

/* 응급진료절차 */
.emrstep_wrap .comm_topbox.emrstep .icon{background-image:url(/nanum/site/builder/dir/main/img/menu4845/icon_emrstep.png);}

.emrstep_wrap ol.step_type1.col3 li.step1::after{background-image:url(/nanum/site/builder/dir/main/img/menu4845/icon_step3.png);}
.emrstep_wrap ol.step_type1.col3 li.step2::after{background-image:url(/nanum/site/builder/dir/main/img/menu4845/icon_step2.png);}
.emrstep_wrap ol.step_type1.col3 li.step3::after{background-image:url(/nanum/site/builder/dir/main/img/menu4845/icon_step4.png);}

.emrstep_wrap ol.step_type1.col4 li.step1::after{background-image:url(/nanum/site/builder/dir/main/img/menu4845/icon_step1.png);}
.emrstep_wrap ol.step_type1.col4 li.step2::after{background-image:url(/nanum/site/builder/dir/main/img/menu4845/icon_step2.png);}
.emrstep_wrap ol.step_type1.col4 li.step3::after{background-image:url(/nanum/site/builder/dir/main/img/menu4845/icon_step3.png);}
.emrstep_wrap ol.step_type1.col4 li.step4::after{background-image:url(/nanum/site/builder/dir/main/img/menu4845/icon_step4.png);}

/* 외래이용절차 */
.outpatient_wrap .flow_chart{display:flex;gap:40px;flex-direction:column;align-items:end;}
.outpatient_wrap .flow_chart li::after{content:'';position:absolute;top:-24px;left:50%;width:14px;height:7px;margin-left:-7px;background:url(/nanum/site/builder/dir/main/img/menu4845/icon_flow_arr.png) no-repeat;background-size:cover;}
.outpatient_wrap .flow_chart > li{position:relative;box-sizing:border-box;}
.outpatient_wrap .flow_chart > li:first-child{width:100%;border:0 !important;}
.outpatient_wrap .flow_chart > li:first-child::after{display:none;}
.outpatient_wrap .flow_chart > li:nth-child(even){background:#eeeff3;border:1px solid #eeeff3;}
.outpatient_wrap .flow_chart > li:nth-child(odd){border:1px solid #bbbec3;}
.outpatient_wrap .flow_chart > li:nth-child(n+2){width:calc(100% - 330px);display:inline-flex;justify-content:center;padding:17px 0;font-size:1.6rem;font-weight:600;}
.outpatient_wrap .flow_chart > li:nth-child(2)::after{display:none;}

.outpatient_wrap .flow_chart > li > ul{display:flex;gap:40px;width:100%;}
.outpatient_wrap .flow_chart > li > ul > li{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:33.3333%;max-width:290px;padding:35px 0;border-radius:10px;background:#009ef6;font-size:1.6rem;color:#fff;}
.outpatient_wrap .flow_chart > li > ul > li::after{display:block;top:auto;bottom:-24px;}
.outpatient_wrap .flow_chart > li > ul > li:first-child::after{display:block;top:125px;left:144px;width:168px;height:176px;margin-left:0;background:url(/nanum/site/builder/dir/main/img/menu4845/bg_flow_line.png) no-repeat;}

.outpatient_wrap .flow_chart > li > ul > li:nth-child(2){background:#2650e9;}
.outpatient_wrap .flow_chart > li > ul > li strong{font-size:2.1rem;font-weight:700;}

.outpatient_wrap .flow_chart > li.col2{flex-direction:row;flex-wrap:wrap;gap:40px;background:none;padding:0;border:0 !important;}
.outpatient_wrap .flow_chart > li.col2::after{display:none;}
.outpatient_wrap .flow_chart > li.col2 > ol{position:relative;display:flex;flex-direction:column;width:50%;max-width:290px;gap:40px;}
.outpatient_wrap .flow_chart > li.col2 > ol li{position:relative;display:inline-flex;justify-content:center;padding:17px 0;font-size:1.6rem;font-weight:600;}
.outpatient_wrap .flow_chart > li.col2 > ol > li > ul li{padding:0;}
.outpatient_wrap .flow_chart > li.col2 > ol > li > ul li::after{display:none;}
.outpatient_wrap .flow_chart > li.col2 > ol > li > ul li:nth-child(2){position:absolute;top:-100px;left:-330px;width:100%;padding:17px 0;background:#eeeff3;}
.outpatient_wrap .flow_chart > li.col2 > ol > li > ul li:nth-child(2)::after{display:block;top:24px;left:auto;right:-24px;transform:rotate(90deg);}
.outpatient_wrap .flow_chart > li.col2 > ol > li > ul li:nth-child(2)::before{content:'';position:absolute;top:-76px;left:145px;width:168px;height:76px;background:url(/nanum/site/builder/dir/main/img/menu4845/bg_flow_line2.png) no-repeat;}
.outpatient_wrap .flow_chart > li.col2 > ol > li:nth-child(odd){border:1px solid #bbbec3;}
.outpatient_wrap .flow_chart > li.col2 > ol > li:nth-child(even){background:#eeeff3;border:1px solid #eeeff3;}

/* 전화_방문예약 */
.tel_visit_wrap .box{display:flex;}
.tel_visit_wrap .box:nth-child(n+2){margin-top:40px;}
.tel_visit_wrap .box:nth-child(n+2) > .tit{padding-top:40px;border-top:1px solid #000;}
.tel_visit_wrap .box:nth-child(n+2) > .cont{padding-top:40px;border-top:1px solid #e5e5e5;}
.tel_visit_wrap .box > .tit{flex-shrink:0;width:200px;margin-right:40px;text-align:center;}
.tel_visit_wrap .box > .tit h3{position:relative;padding-top:100px;font-size:2rem;}
.tel_visit_wrap .box > .tit h3::before{content:'';position:absolute;top:0;left:50%;width:80px;height:80px;margin-left:-40px;border-radius:100%;background:#f9f9f9;}
.tel_visit_wrap .box > .tit h3::after{content:'';position:absolute;top:20px;left:50%;width:30px;height:40px;margin-left:-15px;background-size:cover;background-repeat:no-repeat;}
.tel_visit_wrap .box > .tit strong{font-size:2.2rem;font-weight:700;color:#009ef6;}
.tel_visit_wrap .box.tel .tit h3::after{background-image:url(/nanum/site/builder/dir/main/img/menu4845/icon_tel_rsv.png);}
.tel_visit_wrap .box.visit .tit h3::after{background-image:url(/nanum/site/builder/dir/main/img/menu4845/icon_visit_rsv.png);}
.tel_visit_wrap .box .cont{flex-grow:1;}

/* 모바일앱예약 */
.mobileapp_wrap .app_topbox{display:flex;justify-content:space-between;align-items:center;}
.mobileapp_wrap .app_topbox .cont p{color:#000;}
.mobileapp_wrap .app_topbox .cont p strong{font-weight:600;}
.mobileapp_wrap .app_topbox .cont .btxt{font-size:3rem;line-height:1.2;}
.mobileapp_wrap .app_topbox .cont .stxt{margin-top:20px;font-size:1.8rem;color:#555;}
.mobileapp_wrap .app_topbox .cont ul{display:flex;margin-top:20px;}
.mobileapp_wrap .app_topbox .cont ul li{padding:8px 30px;background:#f5f5f5;border-radius:40px;font-size:1.7rem;color:#555;}
.mobileapp_wrap .app_topbox .cont ul li:nth-child(n+2){margin-left:10px;}
.mobileapp_wrap .rsv_step{display:flex;justify-content:center;margin-bottom:30px;padding:50px;background:#f5f5f5;}
.mobileapp_wrap .rsv_step li{position:relative;width:50%;text-align:center;}
.mobileapp_wrap .rsv_step li:nth-child(n+2)::after{content:'';position:absolute;top:50%;left:0;width:34px;height:26px;margin:-13px 0 0 -17px;background:url(/nanum/site/builder/dir/main/img/menu4845/icon_app_rsv_arr.png) no-repeat;background-size:cover;}
.mobileapp_wrap .rsv_step li img{font-size:0;line-height:0;}
.mobileapp_wrap .rsv_step li p{margin-top:30px;font-size:1.8rem;color:#000;}

/********************태블릿********************/
@media all and (max-width:1024px){
	
/* 전화_방문예약 */
.tel_visit_wrap .box > .tit{width:30vw;margin-right:4vw;}
.tel_visit_wrap .box:nth-child(n+2){margin-top:4vh;}
.tel_visit_wrap .box:nth-child(n+2) > .tit,
.tel_visit_wrap .box:nth-child(n+2) > .cont{padding-top:4vh;}

/* 모바일앱예약 */
.mobileapp_wrap .app_topbox{margin-bottom:5vh;}
.mobileapp_wrap .app_topbox .cont{flex-grow:1;padding-right:5vw;}
.mobileapp_wrap .app_topbox .cont .btxt{font-size:2.8rem;}
.mobileapp_wrap .app_topbox .cont .btxt br{display:none;}
.mobileapp_wrap .app_topbox .cont .stxt{margin-top:1vh;font-size:1.6rem;}
.mobileapp_wrap .app_topbox .cont ul{margin-top:2vh;}
.mobileapp_wrap .app_topbox .cont ul li{padding:1vh 5vw;}
.mobileapp_wrap .app_topbox .qrcode{flex-shrink:0;width:100px;}
.mobileapp_wrap .app_topbox .qrcode img{width:100%;}
.mobileapp_wrap .rsv_step{justify-content:space-between;margin-bottom:3vh;padding:5vh 5vw;}
.mobileapp_wrap .rsv_step li{width:50%;}
.mobileapp_wrap .rsv_step li img{width:auto;height:320px;object-fit:cover;}
.mobileapp_wrap .rsv_step li p{margin-top:3vh;font-size:1.6rem;}

}

/********************모바일********************/
@media all and (max-width:767px){

/* 전화_방문예약 */
.tel_visit_wrap .box{flex-direction:column;}
.tel_visit_wrap .box > .tit{width:100%;margin:0 0 4vh 0;}
.tel_visit_wrap .box:nth-child(n+2) > .cont{padding-top:0;border-top:0;}

/* 모바일앱예약 */
.mobileapp_wrap .app_topbox{flex-direction:column;}
.mobileapp_wrap .app_topbox .cont{margin-bottom:3vh;padding-right:0;text-align:center;}
.mobileapp_wrap .app_topbox .cont ul{justify-content:center;}
.mobileapp_wrap .rsv_step{flex-direction:column;align-items:center;}
.mobileapp_wrap .rsv_step li{width:100%;}
.mobileapp_wrap .rsv_step li:nth-child(n+2){margin-top:3vh;padding-top:5vh;}
.mobileapp_wrap .rsv_step li:nth-child(n+2)::after{top:0;left:50%;width:18px;height:14px;margin:0 0 0 -9px;transform:rotate(90deg);}
.mobileapp_wrap .rsv_step li p br{display:none;}

}

/********************모바일2********************/
@media all and (max-width:480px){
	
/* 전문진료센터 */
.center_wrap ul li{width:calc(100% / 2);}

}

/********************웹********************/
@media all and (min-width:1025px) {
}