@CHARSET "UTF-8";

/* 외래진료안내 */
.medi_opt_wrap .time_box{display:flex;gap:40px;margin-bottom:30px;}
.medi_opt_wrap .time_box dl{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;flex:1;padding:60px 30px;border-radius:20px;background:#eef2fd;box-sizing:border-box;}
.medi_opt_wrap .time_box dl dt{width:fit-content;padding:5px 20px;border-radius:10px;background:#202c5c;font-size:1.6rem;font-weight:700;color:#fff;text-align:center;}
.medi_opt_wrap .time_box dl dd{font-size:2.4rem;font-weight:600;}
.medi_opt_wrap .time_box dl dd ul li{display:flex;justify-content:space-between;align-items:center;gap:20px;}
.medi_opt_wrap .time_box dl dd ul li span{font-size:1.7rem;font-weight:500;}
.medi_opt_wrap .time_box dl.emer{background:#fff4f9;}
.medi_opt_wrap .time_box dl.emer dt{background:#bc2739;}
.medi_opt_wrap .time_box dl.emer dd{color:#bc2739;}

.medi_opt_wrap .step_box{display:flex;flex-direction:column;gap:20px;}
.medi_opt_wrap .step_box > li{position:relative;display:flex;min-height:180px;padding-bottom:40px;box-sizing:border-box;}
.medi_opt_wrap .step_box > li::before{content:'';position:absolute;bottom:0;left:15px;width:2px;height:calc(100% - 52px);background:#202c5c;}
.medi_opt_wrap .step_box > li:last-child::before{display:none;}
.medi_opt_wrap .step_box li .tit{position:relative;display:flex;gap:20px;flex-shrink:0;width:260px;font-size:1.9rem;font-weight:700;}
.medi_opt_wrap .step_box li .tit::after{content:'';position:absolute;top:64px;left:52px;width:80px;height:80px;background-repeat:no-repeat;background-size:cover;}
.medi_opt_wrap .step_box li .tit span{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:100%;background:#202c5c;font-size:1.6rem;font-weight:700;color:#fff;}
.medi_opt_wrap .step_box li .cont{display:flex;flex-direction:column;gap:20px;flex-grow:1;font-size:1.9rem;font-weight:500;}
.medi_opt_wrap .step_box li.step1 .tit::after{background-image:url(/nanum/site/builder/dir/main/img/menu6195/medi_opt_step_icon1.png);}
.medi_opt_wrap .step_box li.step2 .tit::after{background-image:url(/nanum/site/builder/dir/main/img/menu6195/medi_opt_step_icon2.png);}
.medi_opt_wrap .step_box li.step3 .tit::after{background-image:url(/nanum/site/builder/dir/main/img/menu6195/medi_opt_step_icon3.png);}
.medi_opt_wrap .step_box li.step4 .tit::after{background-image:url(/nanum/site/builder/dir/main/img/menu6195/medi_opt_step_icon4.png);}
.medi_opt_wrap .step_box li.step5 .tit::after{background-image:url(/nanum/site/builder/dir/main/img/menu6195/medi_opt_step_icon5.png);}

/* 수술안내 */
.surgery_wrap .eat_box{display:flex;gap:60px;margin-top:20px;}
.surgery_wrap .eat_box dl{display:flex;align-items:center;gap:20px;}
.surgery_wrap .eat_box dl dt{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:90px;height:90px;border-radius:100%;font-weight:700;line-height:1.2;text-align:center;}
.surgery_wrap .eat_box dl.am dt{background:#fff1d8;}
.surgery_wrap .eat_box dl.pm dt{background:#dff0ff;}
.surgery_wrap .eat_box dl dd{flex-grow:1;}
.surgery_wrap .music_box{display:flex;justify-content:center;align-items:center;height:140px;margin-top:30px;background:url(/nanum/site/builder/dir/main/img/menu6195/bg_music_box.jpg) no-repeat 50% 0;background-size:cover;font-size:2.2rem;font-weight:700;color:#fff;text-align:center;}
.surgery_wrap .note_box{display:flex;gap:80px;padding:40px;border-radius:10px;background:#f6f8fd;}
.surgery_wrap .note_box .note_title{display:flex;align-items:center;position:relative;height:fit-content;min-height:60px;padding-left:85px;font-size:2rem;font-weight:700;}
.surgery_wrap .note_box .note_title::before{content:'';position:absolute;top:0;left:0;width:60px;height:60px;border-radius:100%;background:url(/nanum/site/builder/dir/main/img/menu6195/icon_note_box.png) no-repeat 50% 50% #e8edf9;background-size:auto 27px;}
.surgery_wrap .note_box .note_cont{width:100%;padding-top:20px;}

/* 입퇴원안내 */
.medi_process_wrap .step_box{display:flex;gap:50px;}
.medi_process_wrap .step_box li{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;position:relative;padding:40px 20px;border:1px solid #c3c7cb;border-radius:20px;text-align:center;box-sizing:border-box;}
.medi_process_wrap .step_box li:nth-child(n+2)::before{content:'';position:absolute;top:50%;left:-33px;width:16px;height:16px;background:url(/nanum/site/builder/skin/main/img/common/step_arr.png) no-repeat;background-size:cover;transform:translateY(-50%);}
.medi_process_wrap .step_box li .btxt{position:relative;min-width:64px;padding-top:74px;font-size:2rem;font-weight:700;}
.medi_process_wrap .step_box li .btxt::before{content:'';position:absolute;background-repeat:no-repeat;background-size:cover;top:0;left:50%;width:64px;height:64px;transform:translateX(-50%);}
.medi_process_wrap .step_box li .stxt{margin-top:10px;font-size:1.6rem;}
.medi_process_wrap .step_box.hospitalized li.step1 .btxt::before{background-image:url(/nanum/site/builder/dir/main/img/menu6195/hos_step_icon1.png);}
.medi_process_wrap .step_box.hospitalized li.step2 .btxt::before{background-image:url(/nanum/site/builder/dir/main/img/menu6195/hos_step_icon2.png);}
.medi_process_wrap .step_box.hospitalized li.step3 .btxt::before{background-image:url(/nanum/site/builder/dir/main/img/menu6195/hos_step_icon3.png);}
.medi_process_wrap .step_box.discharged li.step1 .btxt::before{background-image:url(/nanum/site/builder/dir/main/img/menu6195/dis_step_icon1.png);}
.medi_process_wrap .step_box.discharged li.step2 .btxt::before{background-image:url(/nanum/site/builder/dir/main/img/menu6195/dis_step_icon2.png);}
.medi_process_wrap .step_box.discharged li.step3 .btxt::before{background-image:url(/nanum/site/builder/dir/main/img/menu6195/dis_step_icon3.png);}

.medi_process_wrap .fac_img_box{display:flex;font-size:0;line-height:0;}
.medi_process_wrap .fac_img_box img{flex:1;}

.medi_process_wrap .hosp_sche{display:flex;flex-wrap:wrap;gap:0 40px;margin-bottom:20px;}
.medi_process_wrap .hosp_sche dl{display:flex;justify-content:space-between;align-items:center;width:calc(20% - 32px);padding:20px 10px;border-top:1px solid #c3c7cb;box-sizing:border-box;}
.medi_process_wrap .hosp_sche dl dt{font-weight:700;}
.medi_process_wrap .hosp_sche dl dd{display:inline-flex;justify-content:center;align-items:center;width:70px;height:70px;background:#f9f9f9;border-radius:100%;font-size:1.6rem;font-weight:500;}

.medi_process_wrap .material_box{display:flex;gap:20px;margin-bottom:20px;}
.medi_process_wrap .material_box li{flex:1;padding:30px 20px;border-radius:20px;border:1px solid #c3c7cb;font-size:1.6rem;font-weight:500;text-align:center;box-sizing:border-box;}
.medi_process_wrap .material_box li span{display:block;position:relative;padding-top:50px;}
.medi_process_wrap .material_box li span::before{content:'';position:absolute;top:0;left:50%;width:32px;height:32px;background-repeat:no-repeat;background-size:cover;transform:translateX(calc(-50% + 0.5px));filter:blur(0);}
.medi_process_wrap .material_box li.icon1 span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6195/material_icon1.png);}
.medi_process_wrap .material_box li.icon2 span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6195/material_icon2.png);}
.medi_process_wrap .material_box li.icon3 span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6195/material_icon3.png);}
.medi_process_wrap .material_box li.icon4 span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6195/material_icon4.png);}
.medi_process_wrap .material_box li.icon5 span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6195/material_icon5.png);}
.medi_process_wrap .material_box li.icon6 span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6195/material_icon6.png);}
.medi_process_wrap .material_box li.icon7 span::before{background-image:url(/nanum/site/builder/dir/main/img/menu6195/material_icon7.png);}

.medi_process_wrap .meal_box{display:flex;gap:40px;margin-bottom:30px;}
.medi_process_wrap .meal_box dl{flex:1;padding:40px 20px;border-radius:20px;background:#eef2fd;text-align:center;}
.medi_process_wrap .meal_box dl dt{width:fit-content;margin:0 auto;padding:5px 20px;border-radius:10px;background:#202c5c;font-size:1.6rem;font-weight:700;color:#fff;text-align:center;}
.medi_process_wrap .meal_box dl dd{margin-top:10px;font-size:2.4rem;font-weight:700;}

.medi_process_wrap .round_time{display:flex;gap:40px;margin-bottom:30px;}
.medi_process_wrap .round_time dl{display:flex;align-items:center;justify-content:center;gap:20px;flex:1;padding:30px;border:1px solid #c3c7cb;}
.medi_process_wrap .round_time dl dt{font-size:1.9rem;font-weight:700;}
.medi_process_wrap .round_time dl dd{position:relative;padding-left:20px;font-size:2.4rem;}
.medi_process_wrap .round_time dl dd::before{content:'';position:absolute;top:50%;left:0;width:1px;height:20px;background:#c3c7cb;transform:translateY(-50%);}

/********************태블릿********************/
@media all and (max-width:1024px){
	
/* 외래진료안내 */
.medi_opt_wrap .time_box{flex-wrap:wrap;gap:20px;}
.medi_opt_wrap .time_box dl{flex:none;gap:15px;width:calc(50% - 10px);padding:30px 20px;}
.medi_opt_wrap .time_box dl dd{font-size:2rem;}
.medi_opt_wrap .time_box dl dd ul li{gap:10px;}

.medi_opt_wrap .step_box li .tit{width:30%;}
.medi_opt_wrap .step_box li .tit::after{width:50px;height:50px;}
.medi_opt_wrap .step_box li .cont{font-size:1.7rem;}

/* 수술안내 */
.surgery_wrap .note_box{flex-direction:column;gap:20px;padding:30px;}
.surgery_wrap .note_box .note_title{min-height:48px;padding-left:68px;}
.surgery_wrap .note_box .note_title::before{width:48px;height:48px;background-size:auto 24px;}
.surgery_wrap .note_box .note_cont{padding-top:0;}

/* 입원절차 */
.medi_process_wrap .step_box{flex-direction:column;}
.medi_process_wrap .step_box li{padding:30px 20px;}
.medi_process_wrap .step_box li .btxt{min-width:48px;padding-top:58px;}
.medi_process_wrap .step_box li .btxt::before{width:48px;height:48px;}
.medi_process_wrap .step_box li:nth-child(n+2)::before{top:-33px;left:50%;transform:translateX(-50%) rotate(90deg);}
.medi_process_wrap .step_box li .stxt br{display:none;}
.medi_process_wrap .fac_img_box{flex-wrap:wrap;}
.medi_process_wrap .fac_img_box img{flex:none;width:50%;}
.medi_process_wrap .hosp_sche{gap:20px;}
.medi_process_wrap .hosp_sche dl{flex-direction:column;gap:10px;width:calc(25% - 15px);padding:20px;border:1px solid #c3c7cb;border-radius:20px;}
.medi_process_wrap .hosp_sche dl dd{width:60px;height:60px;font-size:1.4rem;}
.medi_process_wrap .material_box{flex-wrap:wrap;}
.medi_process_wrap .material_box li{flex:none;width:calc(25% - 15px);padding:20px;}
.medi_process_wrap .material_box li span{padding-top:34px;}
.medi_process_wrap .material_box li span::before{width:24px;height:24px;}
.medi_process_wrap .meal_box{gap:20px;}
.medi_process_wrap .meal_box dl dt{font-size:1.4rem;}
.medi_process_wrap .meal_box dl dd{font-size:2rem;}
.medi_process_wrap .round_time{gap:20px;}
.medi_process_wrap .round_time dl dd{font-size:1.9rem;}

}

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

/* 외래진료안내 */
.medi_opt_wrap .time_box{gap:10px;}
.medi_opt_wrap .time_box dl{width:calc(50% - 5px);padding:20px;}

.medi_opt_wrap .step_box > li{flex-direction:column;gap:15px;min-height:100%;padding-bottom:20px;}
.medi_opt_wrap .step_box > li::before{height:calc(100% - 50px);}
.medi_opt_wrap .step_box li .tit{align-items:center;width:100%;min-height:32px;}
.medi_opt_wrap .step_box li .tit::after{top:50%;left:auto;right:0;width:32px;height:32px;transform:translateY(-50%);}
.medi_opt_wrap .step_box li .cont{gap:10px;padding-left:52px;}

/* 수술안내 */
.surgery_wrap .music_box{height:auto;padding:50px;}

/* 입퇴원안내 */
.medi_process_wrap .hosp_sche{gap:10px;}
.medi_process_wrap .hosp_sche dl{width:calc(25% - 7.5px);}
.medi_process_wrap .material_box{gap:10px;}
.medi_process_wrap .material_box li{width:calc(25% - 7.5px);}
.medi_process_wrap .meal_box{flex-direction:column;gap:10px;}
.medi_process_wrap .meal_box dl{padding:20px;}
.medi_process_wrap .round_time{gap:10px;}
.medi_process_wrap .round_time dl{flex-direction:column;gap:10px;padding:20px;}
.medi_process_wrap .round_time dl dd{padding-left:0;}
.medi_process_wrap .round_time dl dd::before{display:none;}

}

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

/* 외래진료안내 */
.medi_opt_wrap .time_box{flex-direction:column;}
.medi_opt_wrap .time_box dl{width:100%;}

.medi_opt_wrap .step_box > li::before{left:11px;height:calc(100% - 47px);}
.medi_opt_wrap .step_box li .tit{gap:10px;}
.medi_opt_wrap .step_box li .tit span{width:24px;height:24px;font-size:1.4rem;}
.medi_opt_wrap .step_box li .cont{padding-left:34px;}

/* 수술안내 */
.surgery_wrap .eat_box{flex-direction:column;gap:10px;justify-content:space-between;}
.surgery_wrap .eat_box dl{gap:10px;}
.surgery_wrap .eat_box dl dt{width:70px;height:70px;}

/* 입퇴원안내 */
.medi_process_wrap .step_box{gap:40px;}
.medi_process_wrap .step_box li:nth-child(n+2)::before{top:-26px;width:12px;height:12px;}
.medi_process_wrap .step_box li .btxt{padding-top:48px;}
.medi_process_wrap .step_box li .btxt::before{width:32px;height:32px;}
.medi_process_wrap .hosp_sche dl{width:calc(50% - 5px);}
.medi_process_wrap .material_box li{width:calc(50% - 5px);}

}

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