@CHARSET "UTF-8";

/* 진료예약 */
.medi_rsv_wrap .box{padding:40px;border:1px solid #e5e5e5;}
.medi_rsv_wrap .box:nth-child(n+2){margin-top:30px;}
.medi_rsv_wrap .box .tit{display:flex;align-items:center;min-height:42px;margin-bottom:20px;}
.medi_rsv_wrap .box .tit h4{position:relative;padding-left:60px;font-size:2rem;font-weight:700;color:#005bbd;}
.medi_rsv_wrap .box .tit h4::after{content:'';position:absolute;top:50%;left:0;width:42px;height:42px;background-size:cover;transform:translateY(-50%);}
.medi_rsv_wrap .box .tit p{position:relative;margin-left:20px;padding-left:20px;}
.medi_rsv_wrap .box .tit p::after{content:'';position:absolute;top:50%;left:0;width:1px;height:15px;background:#e5e5e5;transform:translateY(-50%);}
.medi_rsv_wrap .box .list{padding-left:60px;}

.medi_rsv_wrap .box.tel .tit h4::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/medi_rsv_tel.png);}
.medi_rsv_wrap .box.visit .tit h4::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/medi_rsv_visit.png);}

.medi_rsv_wrap .box.online{display:flex;justify-content:space-between;align-items:center;}
.medi_rsv_wrap .box.online .tit h4::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/medi_rsv_online.png);}
.medi_rsv_wrap .box.online .btn_area{display:flex;flex-direction:column;gap:10px;}
.medi_rsv_wrap .box.online .btn_area a{min-width:120px;padding:7px 20px;font-size:1.6rem;font-weight:500;border-radius:40px;}

/* 외래진료 */
.medi_opt_wrap .time_box{display:flex;gap:20px;margin-bottom:20px;}
.medi_opt_wrap .time_box dl{flex:1;padding:30px 40px;border-radius:20px;text-align:center;}
.medi_opt_wrap .time_box dl dt{position:relative;padding-top:90px;font-size:2.4rem;font-weight:700;}
.medi_opt_wrap .time_box dl dt::after{content:'';position:absolute;top:0;left:50%;width:70px;height:70px;border-radius:100%;background-color:#fff;background-repeat:no-repeat;background-size:auto 40px;;background-position:50% 50%;transform:translateX(-50%);}
.medi_opt_wrap .time_box dl dd{margin-top:20px;}
.medi_opt_wrap .time_box dl dd ul li{display:flex;align-items:center;justify-content:space-between;}
.medi_opt_wrap .time_box dl dd ul li:nth-child(n+2){margin-top:10px;}
.medi_opt_wrap .time_box dl dd ul li span{display:block;flex-shrink:0;width:80px;padding:3px 0;border-radius:30px;color:#fff;}
.medi_opt_wrap .time_box dl.box1{background:#e2f6eb;}
.medi_opt_wrap .time_box dl.box1 dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/medihours_icon1.png);}
.medi_opt_wrap .time_box dl.box1 dd ul li span{background-color:#438c64;}
.medi_opt_wrap .time_box dl.box2{background:#e4f5ff;}
.medi_opt_wrap .time_box dl.box2 dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/medihours_icon2.png);}
.medi_opt_wrap .time_box dl.box2 dd ul li span{background-color:#3295cf;}
.medi_opt_wrap .time_box dl.box3{background:#ffeee9;}
.medi_opt_wrap .time_box dl.box3 dt::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/medihours_icon3.png);}

.medi_opt_wrap .flow_chart{display:flex;flex-direction:column;align-items:end;gap:50px;}
.medi_opt_wrap .flow_chart > li:first-child{width:100%;padding:0;border:0;}
.medi_opt_wrap .flow_chart > li:nth-child(n+2){width:calc(100% - 350px);}
.medi_opt_wrap .flow_chart > li:nth-child(3)::after,
.medi_opt_wrap .flow_chart > li:nth-child(4)::after{content:'';position:absolute;top:50%;left:-33px;width:16px;height:16px;background:url(/nanum/site/builder/dir/main/img/menu6148/medi_process_arr2.png) no-repeat;background-size:cover;transform:translateY(-50%);}
.medi_opt_wrap .flow_chart > li:nth-child(n+2)::before,
.medi_opt_wrap .flow_chart li.col3 ol li::before{content:'';position:absolute;top:-33px;left:50%;width:16px;height:16px;background:url(/nanum/site/builder/dir/main/img/menu6148/medi_process_arr2.png) no-repeat;transform:translateX(-50%) rotate(90deg);background-size:cover;}
.medi_opt_wrap .flow_chart li{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;padding:15px 10px;border:1px solid #c2c2c2;font-weight:600;text-align:center;word-break:keep-all;box-sizing:border-box;}
.medi_opt_wrap .flow_chart li:nth-child(even){background:#f5f5f5;border:0;}
.medi_opt_wrap .flow_chart li p{font-size:1.5rem;font-weight:400;}
.medi_opt_wrap .flow_chart li ul{display:flex;gap:50px;width:100%;}
.medi_opt_wrap .flow_chart li ul li{flex:1;padding:20px;border:0;font-size:1.9rem;font-weight:700;color:#fff;box-sizing:border-box;}
.medi_opt_wrap .flow_chart li ul li:nth-child(1){max-width:300px;background:#005bbd;}
.medi_opt_wrap .flow_chart li ul li:nth-child(1)::before,
.medi_opt_wrap .flow_chart li ul li:nth-child(1)::after{content:'';position:absolute;left:50%;background:#555;}
.medi_opt_wrap .flow_chart li ul li:nth-child(1)::before{top:298px;width:calc(50% + 27px);height:1px;}
.medi_opt_wrap .flow_chart li ul li:nth-child(1)::after{top:91px;width:1px;height:207px;}
.medi_opt_wrap .flow_chart li ul li:nth-child(2){background:#009ef6;}
.medi_opt_wrap .flow_chart li.col3{flex-direction:row;gap:50px;align-items:flex-start;width:100%;padding:0;border:0;}
.medi_opt_wrap .flow_chart li.col3::before{display:none;}
.medi_opt_wrap .flow_chart li.col3 ol{position:relative;flex:1;display:flex;flex-direction:column;gap:50px;max-width:300px;}
.medi_opt_wrap .flow_chart li.col3 ol:nth-child(1) li::before{display:none;}
.medi_opt_wrap .flow_chart li.col3 ol:nth-child(1)::before,
.medi_opt_wrap .flow_chart li.col3 ol:nth-child(1)::after{content:'';position:absolute;top:-90px;left:50%;background:#555;}
.medi_opt_wrap .flow_chart li.col3 ol:nth-child(1)::before{width:calc(50% + 27px);height:1px;}
.medi_opt_wrap .flow_chart li.col3 ol:nth-child(1)::after{width:1px;height:90px;}

/* 입퇴원절차 */
.medi_process_wrap ol{display:flex;flex-direction:column;gap:60px;}
.medi_process_wrap ol > li{position:relative;display:flex;align-items:center;}
.medi_process_wrap ol > li:nth-child(n+2)::before{content:'';position:absolute;top:-30px;left:140px;width:calc(100% - 140px);height:1px;background:#e5e5e5;}
.medi_process_wrap ol li span.tit{position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;width:140px;height:140px;padding:0 20px;background:url(/nanum/site/builder/dir/main/img/menu6148/medi_process_tit.png);background-size:cover;font-size:1.9rem;line-height:1.3;font-weight:700;color:#005bbd;text-align:center;box-sizing:border-box;}
.medi_process_wrap ol li:nth-child(n+2) span.tit::before{content:'';position:absolute;top:-42px;left:50%;width:24px;height:24px;background:url(/nanum/site/builder/dir/main/img/menu6148/medi_process_arr.png) no-repeat;background-size:cover;transform:translateX(calc(-50% + 0.5px));}
.medi_process_wrap ol li .cont{flex-grow:1;padding:0 40px;}

/* 입원교육 */
.hosp_edu_wrap [class$='_box']{display:flex;gap:20px;}
.hosp_edu_wrap [class$='_box'] > *{flex:1;padding:30px 0;border-radius:10px;border:1px solid #e5e5e5;text-align:center;box-sizing:border-box;}
.hosp_edu_wrap [class$='_box'] i{display:block;position:relative;width:32px;height:32px;margin:0 auto 15px;}
.hosp_edu_wrap [class$='_box'] i::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;}

.hosp_edu_wrap .sup_box{gap:15px;}
.hosp_edu_wrap .sup_box .sup1::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/hosp_edu_sup1.png);}
.hosp_edu_wrap .sup_box .sup2::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/hosp_edu_sup2.png);}
.hosp_edu_wrap .sup_box .sup3{width:60px;}
.hosp_edu_wrap .sup_box .sup3::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/hosp_edu_sup3.png);}
.hosp_edu_wrap .sup_box .sup4::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/hosp_edu_sup4.png);}
.hosp_edu_wrap .sup_box .sup5::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/hosp_edu_sup5.png);}
.hosp_edu_wrap .sup_box .sup6::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/hosp_edu_sup6.png);}
.hosp_edu_wrap .sup_box .sup7::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/hosp_edu_sup7.png);}

.hosp_edu_wrap .amen_box .amen1::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/hosp_edu_amen1.png);}
.hosp_edu_wrap .amen_box .amen2::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/hosp_edu_amen2.png);}
.hosp_edu_wrap .amen_box .amen3::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/hosp_edu_amen3.png);}
.hosp_edu_wrap .amen_box dl dd{width:fit-content;margin:15px auto 0;padding:8px 20px;border-radius:40px;background:#f5f5f5;}
.hosp_edu_wrap .amen_box dl dd span{position:relative;padding-left:30px;font-size:1.5rem;}
.hosp_edu_wrap .amen_box dl dd span::before{content:'';position:absolute;top:50%;left:0;width:16px;height:20px;background:url(/nanum/site/builder/dir/main/img/menu6148/medi_process_place.png) no-repeat;background-size:cover;transform:translateY(-50%);}

.hosp_edu_wrap .meal_box{margin-bottom:30px;}
.hosp_edu_wrap .meal_box .breakfast::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/hosp_edu_breakfast.png);}
.hosp_edu_wrap .meal_box .lunch::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/hosp_edu_lunch.png);}
.hosp_edu_wrap .meal_box .dinner::after{background-image:url(/nanum/site/builder/dir/main/img/menu6148/hosp_edu_dinner.png);}
.hosp_edu_wrap .meal_box dl dd{margin-top:15px;font-size:1.9rem;font-weight:700;color:#005bbd;}

.hosp_edu_wrap .time_list li{font-size:1.9rem;font-weight:500;color:#005bbd;}
.hosp_edu_wrap .time_list li:nth-child(n+2){margin-top:5px;}

/********************태블릿********************/
@media all and (max-width:1024px){

/* 진료예약 */
.medi_rsv_wrap .box{padding:30px;}
.medi_rsv_wrap .box.online{flex-direction:column;gap:30px;}
.medi_rsv_wrap .box.online .btn_area{flex-direction:row;width:100%;padding-left:60px;box-sizing:border-box;}
.medi_rsv_wrap .box.online .btn_area a{flex:1;}

/* 외래진료 */
.medi_opt_wrap .time_box{flex-direction:column;}
.medi_opt_wrap .time_box dl dd{width:fit-content;margin:20px auto 0;}
.medi_opt_wrap .time_box dl dd ul li{gap:10px;justify-content:flex-start;}

.medi_opt_wrap .flow_chart > li:nth-child(n+2){width:calc(100% - (100% / 3 + 25px));}
.medi_opt_wrap .flow_chart li ul li{flex:none;flex-grow:1;}
.medi_opt_wrap .flow_chart li ul li:nth-child(1){flex-shrink:0;flex-grow:0;width:calc(100% / 3 - 25px);max-width:100%;}
.medi_opt_wrap .flow_chart li.col3{width:100%;}
.medi_opt_wrap .flow_chart li.col3 ol{flex:1;max-width:100%;}
.medi_opt_wrap .flow_chart li.col3 ol:first-of-type{flex:none;width:calc(100% / 3 - 25px);}

/* 입퇴원절차 */
.medi_process_wrap ol > li{gap:30px;}
.medi_process_wrap ol li .cont{padding:0;}

/* 입원교육 */
.hosp_edu_wrap [class$='_box']{gap:10px !important;}
.hosp_edu_wrap [class$='_box'] > *{padding:20px 0;}
.hosp_edu_wrap [class$='_box'] i{width:24px;height:24px;}

.hosp_edu_wrap .sup_box .sup3{width:45px;}

}

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

/* 진료예약 */
.medi_rsv_wrap .box{padding:20px;}
.medi_rsv_wrap .box:nth-child(n+2){margin-top:10px;}
.medi_rsv_wrap .box .tit{justify-content:space-between;min-height:24px;}
.medi_rsv_wrap .box .tit h4{padding-left:40px;}
.medi_rsv_wrap .box .tit h4::after{width:24px;height:24px;}
.medi_rsv_wrap .box .tit p{margin-left:0;padding-left:0;}
.medi_rsv_wrap .box .tit p::after{display:none;}
.medi_rsv_wrap .box .list{padding-left:0;}
.medi_rsv_wrap .box.online .btn_area{padding-left:0;}
.medi_rsv_wrap .point_txt.mt40{margin-top:20px !important;}

/* 외래진료 */
.medi_opt_wrap .time_box dl{padding:20px;}
.medi_opt_wrap .time_box dl dt{padding-top:60px;}
.medi_opt_wrap .time_box dl dt::after{width:48px;height:48px;background-size:auto 24px;}
.medi_opt_wrap .time_box dl dd ul li span{width:70px;}

.medi_opt_wrap .flow_chart{gap:30px;width:767px;}
.medi_opt_wrap .flow_chart li ul{gap:30px;}
.medi_opt_wrap .flow_chart li ul li:nth-child(1){width:calc(100% / 3 - 15px);}
.medi_opt_wrap .flow_chart > li:nth-child(n+2){width:calc(100% - (100% / 3 + 15px));}
.medi_opt_wrap .flow_chart > li:nth-child(n+2)::before,
.medi_opt_wrap .flow_chart li.col3 ol li::before{top:-23px;}
.medi_opt_wrap .flow_chart li.col3{gap:30px;width:100%;}
.medi_opt_wrap .flow_chart li.col3 ol{gap:30px;}
.medi_opt_wrap .flow_chart li.col3 ol:first-of-type{width:calc(100% / 3 - 15px);}
.medi_opt_wrap .flow_chart li ul li:nth-child(1)::after{top:90%;height:200%;}
.medi_opt_wrap .flow_chart li ul li:nth-child(1)::before{top:290%;width:calc(100% - 50% + 8px);}
.medi_opt_wrap .flow_chart li.col3 ol:nth-child(1)::after{height:125%;}
.medi_opt_wrap .flow_chart li.col3 ol:nth-child(1)::before,
.medi_opt_wrap .flow_chart li.col3 ol:nth-child(1)::after{top:-125%;}
.medi_opt_wrap .flow_chart li.col3 ol:nth-child(1)::before{width:calc(100% - 50% + 8px);}

/* 입퇴원절차 */
.medi_process_wrap ol > li{flex-direction:column;gap:10px;}
.medi_process_wrap ol > li:nth-child(n+2)::before{display:none;}
.medi_process_wrap ol li:nth-child(n+2) span.tit::before{width:16px;height:16px;}
.medi_process_wrap ol li span.tit{width:100%;height:auto;padding:8px 0;border:1px solid #005bbd;background:none;font-size:1.7rem;}
.medi_process_wrap ol li span.tit br{display:none;}
.medi_process_wrap ol li .cont{width:100%;}

/* 입원교육 */
.hosp_edu_wrap .amen_box dl dd{padding:5px 10px;}
.hosp_edu_wrap .amen_box dl dd span{padding-left:15px;}
.hosp_edu_wrap .amen_box dl dd span::before{width:8px;height:10px;}

}

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

/* 진료예약 */
.medi_rsv_wrap .box .tit{flex-direction:column;align-items:flex-start;gap:10px;}

/* 입원교육 */
.hosp_edu_wrap [class$='_box']{flex-wrap:wrap;}
.hosp_edu_wrap [class$='_box'] > *{flex:none;width:calc(50% - 5px);}
.hosp_edu_wrap [class$='_box'] i{margin-bottom:10px;}

.hosp_edu_wrap .meal_box{flex-direction:column;}
.hosp_edu_wrap .meal_box dl{width:100%;}
.hosp_edu_wrap .meal_box dl dd{margin-top:10px;}
	
}