@CHARSET "UTF-8";

/* 진료예약 및 상담 */
.reserv_top{display: flex;border-radius: 20px;box-shadow: 0 0 25px rgb(0 0 0 / 10%);}
.reserv_top dl{flex: 1;display: flex;flex-direction: column;justify-content: space-between;gap: 50px;padding: 50px 40px 40px;}
.reserv_top dl:not(:last-child){border-right:1px solid #e5e5e5;}
.reserv_top dl dt{position: relative;padding-right: 50px;font-size: 3rem;font-weight: 700;line-height: 1.3;}
.reserv_top dl dt:before{content:'';position: absolute;top: -5px;right: 0;width: 45px;height: 45px;background: no-repeat 50%/contain;}
.reserv_top dl.icon1 dt:before{background-image: url(/nanum/site/builder/dir/main/img/menu6032/reserv_icon01.png);}
.reserv_top dl.icon2 dt:before{background-image: url(/nanum/site/builder/dir/main/img/menu6032/reserv_icon02.png);}
.reserv_top dl.icon3 dt:before{background-image: url(/nanum/site/builder/dir/main/img/menu6032/reserv_icon03.png);}
.reserv_top dl.icon4 dt:before{background-image: url(/nanum/site/builder/dir/main/img/menu6032/reserv_icon04.png);}
.reserv_top dl dd.btn_w{gap:20px 10px;padding:0;}
.reserv_top dl.icon1 dd.btn_w a{width:0;flex-grow:1;min-width:auto;}
.reserv_top dl dd a.con_btn{padding: 18px 10px;font-size: 1.9rem;}
.reserv_top dl dd.btn_w ul.list{text-align:left;}

.timetb_wr{display: flex;margin-bottom: 20px;flex-wrap: wrap;}
.timetb_wr li{flex: 1;display: flex;align-items: center;gap: 25px;}
.timetb_wr li p{flex-shrink: 0;display: flex;justify-content: center;align-items: center;width: 150px;height: 150px;border: 2px solid #327edd;border-radius: 30px;background: #f4f9ff;font-size: 2rem;font-weight: 700;color: #1060c4;text-align:center;}
.timetb_wr li span{font-size: 1.9rem;font-weight: 600;letter-spacing: 0;}
.timetb_wr.no4{flex-wrap: wrap;gap: 25px 0;}
.timetb_wr.no4 li{flex: 40%;}
.timetb_wr.no4 li:nth-child(n+3) p{background: #f6fdf5;border-color: #1f8d0f;color: #1f8d0f;}



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

.reserv_top dl{gap: 40px;padding: 40px 30px 30px;}

}

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

.reserv_top dl{padding: 40px 20px 30px;}
.reserv_top dl dt{line-height: 1.2;font-size: 2.5rem;}
.reserv_top dl dd a.con_btn{font-size: 1.7rem;}
.reserv_top dl dd.btn_w{gap: 10px;}

.timetb_wr{gap: 10px;}
.timetb_wr li{gap: 15px;flex: 40%;}
.timetb_wr li p{width: 120px;height: 90px;border-radius: 20px;font-size: 1.9rem;}
.timetb_wr li span{font-size: 1.8rem;line-height: 1.3;}

.reserv_top dl dd a.con_btn{padding: 1.5vh 1vw;}

/* 번역 */
.translated-ltr .reserv_top dl dt{word-break: break-word;}

}

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

.reserv_top{flex-direction: column;}
.reserv_top dl{gap: 25px;padding: 30px 20px 20px;}
.reserv_top dl:not(:last-child){border-bottom: 1px solid #e5e5e5;border-right: 0;}
.reserv_top dl dt{font-size: 2.4rem;}
.reserv_top dl dt:before{top: -5px;right: 0;width: 35px;height: 35px;}
.reserv_top dl dd a.con_btn{font-size: 1.9rem;}
.reserv_top dl dd.btn_w ul.list{flex:100%;}
.reserv_top dl.icon1 dd.btn_w a{width:100%;flex-grow:0;margin-top:0;}

.timetb_wr{flex-direction: column;margin-bottom: 10px;}
.timetb_wr li{gap: 10px;align-items: baseline;}
.timetb_wr li p{width: 100px;height: 40px;border-radius: 15px;}
.timetb_wr li span{font-size: 1.9rem;}


}

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

}