@CHARSET "UTF-8";

/* 전체페이지수 */
.board_total_left{font-size:15px;color:#000;}
.board_total_left img{margin-right:5px;vertical-align:middle;}
.board_total_left .board_orange{color:#F96F00;}

/* 검색영역 */
.srch_frm_group{display:flex;height:40px;margin-bottom:20px;}
.srch_frm_group > *:nth-child(n+2){margin-left:10px;}
.srch_frm_group > [class^='frm_']{display:inline-block;}
.srch_frm_group .frm_select{flex-shrink:0;}
.srch_frm_group .frm_text{flex-grow:1;position:relative;}
.srch_frm_group .frm_text input[type="text"]{width:100%;height:40px;padding:0 10px;border:1px solid #d5d5d5;box-sizing:border-box;}
.srch_frm_group .frm_text input[type="text"][readonly="readonly"]{background:#f5f5f5;}
.srch_frm_group .frm_text label.placeholder{display:inline-flex;align-items:center;position:absolute;top:0;left:0;height:100%;padding:0 10px;font-size:1.5rem;color:#888;letter-spacing:0;}
.srch_frm_group .frm_text .calendar_wrap{position:absolute;top:0;right:0;width:100%;height:100%;}
.srch_frm_group .frm_text .calendar_wrap .btn_date{position:absolute;top:50%;right:10px;width:20px;height:20px;margin-top:-10px;text-indent:-9999px;}
.srch_frm_group .frm_text .calendar_wrap .btn_date::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-image:url(/nanum/site/mypage/img/btn_srch_date.png);}
.srch_frm_group .frm_text .calendar_wrap .btn_date:hover::after{background-image:url(/nanum/site/mypage/img/btn_srch_date_on.png);}
.srch_frm_group .frm_text .calendar_wrap .calendar_box{display:none;}
.srch_frm_group .sort_month{display:flex;align-items:center;}
.srch_frm_group .sort_month li{display:inline-flex;align-items:center;height:100%;margin-bottom:0;padding-bottom:0;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;box-sizing:border-box;}
.srch_frm_group .sort_month li:first-child{border-left:1px solid #d5d5d5;}
.srch_frm_group .sort_month li:last-child{border-right:1px solid #d5d5d5;}
.srch_frm_group .sort_month li:nth-child(n+2){border-left:1px solid #d5d5d5;}
.srch_frm_group .sort_month li a{display:block;padding:0 15px;font-size:1.5rem;}
.srch_frm_group .sort_month li.on{background:#224191;border-color:#224191;}
.srch_frm_group .sort_month li.on a{color:#fff;}
.srch_frm_group .btn_srch{flex-shrink:0;width:100px;padding:0 20px;background:#333;color:#fff;border:0;font-size:1.5rem;font-weight:700;cursor:pointer;box-sizing:border-box;}

/* 진료내역_외래약처방내역_공통 */
.medhistory_wrap{padding:30px 0 20px;}
.medhistory_wrap .table1 tbody th a{color:#009ef6;text-decoration:underline;}
.medhistory_wrap .medicine_top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.medhistory_wrap .medicine_top h3.tit{position:relative;padding-left:42px;margin-bottom:0;}
.medhistory_wrap .medicine_top h3.tit::after{content:'';position:absolute;top:50%;left:0;width:28px;height:28px;margin-top:-14px;background:url(/nanum/site/mypage/img/icon_medicine.png) no-repeat;background-size:cover;}
.medhistory_wrap .medicine_top .date{position:relative;padding-left:28px;font-size:1.5rem;}
.medhistory_wrap .medicine_top .date::after{content:'';position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-10px;background:url(/nanum/site/mypage/img/icon_medicine_date.png) no-repeat;background-size:cover;}

/* 진료예약조회 */
.rsvhistory_wrap ul li{display:flex;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #d5d5d5;}
.rsvhistory_wrap ul li.nodata{justify-content:center;padding-top:30px;color:#888;}
.rsvhistory_wrap ul li .photo{flex-shrink:0;width:150px;font-size:0;line-height:0;}
.rsvhistory_wrap ul li .photo img{width:150px;height:200px;object-fit:cover;border:1px solid #e5e5e5;box-sizing:border-box;}
.rsvhistory_wrap ul li .info{display:flex;flex-direction:column;flex-grow:1;padding:10px 30px;}
.rsvhistory_wrap ul li .info .tag{margin-bottom:10px;}
.rsvhistory_wrap ul li .info .tag span{display:inline-block;padding:3px 15px;border-radius:20px;background:#009ef6;font-size:1.4rem;font-weight:700;color:#fff;}
.rsvhistory_wrap ul li .info .d_info .name{font-size:2.1rem;font-weight:700;}
.rsvhistory_wrap ul li .info .d_info .name span.part{margin-left:15px;font-size:1.5rem;color:#224191;}
.rsvhistory_wrap ul li .info .rsv_info{margin-top:auto;}
.rsvhistory_wrap ul li .info .rsv_info dl{display:flex;font-size:1.5rem;}
.rsvhistory_wrap ul li .info .rsv_info dl:nth-child(n+2){margin-top:5px;}
.rsvhistory_wrap ul li .info .rsv_info dt{position:relative;flex-shrink:0;width:80px;font-weight:700;}
.rsvhistory_wrap ul li .info .rsv_info dt::after{content:'';position:absolute;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background:#d5d5d5;}
.rsvhistory_wrap ul li .info .rsv_info dd{flex-grow:1;padding-left:20px;color:#555;}
.rsvhistory_wrap ul li .btn_area{display:flex;align-items:end;gap:8px;margin-left:auto;padding:10px 0;}

/* 소아청소년관리 */
.child_manage_wrap .form_box{margin-top:40px;border-top:2px solid #000;}
.child_manage_wrap .form_box dl{display:flex;align-items:center;min-height:40px;padding:15px 0;border-bottom:1px solid #d5d5d5;}
.child_manage_wrap .form_box dl:last-child{border-color:#000;}
.child_manage_wrap .form_box dt{flex-shrink:0;width:180px;padding:0 20px;font-weight:700;color:#000;box-sizing:border-box;}
.child_manage_wrap .form_box dd{display:flex;align-items:center;flex-grow:1;color:#555;}
.child_manage_wrap .form_box dd input[type="text"],
.child_manage_wrap .form_box dd input[type="tel"],
.child_manage_wrap .form_box dd input[type="password"]{width:150px;height:40px;padding:0 10px;font-size:1.5rem;font-weight:700;color:#000;border:1px solid #d5d5d5;box-sizing:border-box;}
.child_manage_wrap .form_box dd input::placeholder{font-weight:500;color:#d5d5d5;}
.child_manage_wrap .form_box dd input::-webkit-input-placeholder{font-weight:500;color:#d5d5d5;}
.child_manage_wrap .form_box dd input:-ms-input-placeholder{font-weight:500;color:#d5d5d5;}
.child_manage_wrap .form_box dd ul.tel_area{display:flex;}
.child_manage_wrap .form_box dd ul.tel_area li{position:relative;}
.child_manage_wrap .form_box dd ul.tel_area li:nth-child(n+2){padding-left:20px;}
.child_manage_wrap .form_box dd ul.tel_area li:nth-child(n+2)::after{content:'';position:absolute;top:50%;left:8px;width:4px;height:1px;background:#000;}
.child_manage_wrap .form_box dd p.point_txt{margin-left:20px;}

/* Paginate */
.paginate{display:flex;gap:5px;align-items:center;justify-content:center;position:relative;margin-top:30px;padding:30px 0;text-align:center;}
.paginate a.prev,
.paginate a.next{position:relative;font-size:0;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;}
.paginate a.prev::after,
.paginate a.next::before{content:'';position:absolute;top:50%;left:50%;width:7px;height:12px;margin:-6px 0 0 -3px;background:url(/nanum/site/builder/skin/common/img/btn_paginate_arr.png) no-repeat;background-size:cover;}
.paginate a.prev::after{transform:rotate(180deg);}
.paginate a,
.paginate strong{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:5px;background:#f5f5f5;font-family:'Poppins',sans-serif;font-size:13px;letter-spacing:0;line-height:34px;color:#000;vertical-align:middle;}
.paginate strong{background:#000;font-weight:700;color:#fff;vertical-align:middle;}


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

}

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

/* 검색영역 */
.srch_frm_group{flex-wrap:wrap;flex-direction:column;height:auto;}
.srch_frm_group > *:nth-child(n+2){margin:1vh 0 0 0;}
.srch_frm_group .sort_month li{flex-grow:1;}
.srch_frm_group .sort_month li a{display:block;width:100%;padding:1vh 0;text-align:center;}
.srch_frm_group .btn_srch{flex-shrink:1;width:100%;height:40px;margin:1vh 0 0 0;}

/* 진료예약조회 */
.rsvhistory_wrap ul li{flex-direction:column;align-items:center;margin-bottom:3vh;padding-bottom:3vh;}
.rsvhistory_wrap ul li .photo{width:50%;margin-bottom:2vh;}
.rsvhistory_wrap ul li .photo img{width:100%;height:auto;}
.rsvhistory_wrap ul li .info{align-items:center;width:100%;padding:1vh 0;}
.rsvhistory_wrap ul li .info .tag{margin-bottom:1vh;}
.rsvhistory_wrap ul li .info .rsv_info{display:flex;width:100%;margin-top:1vh;padding:1vh 0;background:#f9f9f9;}
.rsvhistory_wrap ul li .info .rsv_info dl{position:relative;flex-direction:column;align-items:center;width:33.3333%;text-align:center;}
.rsvhistory_wrap ul li .info .rsv_info dl:nth-child(n+2){margin-top:0;}
.rsvhistory_wrap ul li .info .rsv_info dt{width:auto;}
.rsvhistory_wrap ul li .info .rsv_info dt::after{display:none;}
.rsvhistory_wrap ul li .info .rsv_info dd{margin-top:0.5vh;padding-left:0;line-height:1.3;}
.rsvhistory_wrap ul li .btn_area{align-items:center;width:100%;margin-left:0;padding:1vh 0;}
.rsvhistory_wrap ul li .btn_area a{width:49%;}

/* 소아청소년관리 */
.child_manage_wrap .form_box dl{flex-wrap:wrap;flex-direction:column;align-items:flex-start;}
.child_manage_wrap .form_box dt{width:auto;padding:0;}
.child_manage_wrap .form_box dd{flex-wrap:wrap;width:100%;margin-top:5px;}
.child_manage_wrap .form_box dd input[type="text"],
.child_manage_wrap .form_box dd input[type="tel"],
.child_manage_wrap .form_box dd input[type="password"]{width:100%;height:35px;}
.child_manage_wrap .form_box dd ul.tel_area{width:100%;}
.child_manage_wrap .form_box dd ul.tel_area li{width:50%;}
.child_manage_wrap .form_box dd p.point_txt{display:block;margin:1vh 0 0 0;}

}

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

}