@charset "UTF-8";

/* 통합검색 */
.sub_sch_top {border:1px solid #ddd;}

.sub_sch_top input[type="text"], 
.sub_sch_top .btn.btn_c_w {border-color:#d9d9d9;}
.sub_sch_top input[type="text"] {padding-left:15px;}
.sub_sch_top .sub_sch_top_sec01,
.sub_sch_top .sub_sch_top_sec02 {padding-right:40px; padding-left:40px;}
.sub_sch_top .sub_sch_top_sec01 { display:flex; justify-content: center;    align-items: center; padding-top:35px; padding-bottom:35px;}
.sub_sch_top .sub_sch_top_sec02 {border-top:1px solid #ddd; background:#f5f5f5;}

.sub_sch_top .sub_sch_top_sec01 .ip_w_st01 .slt_st03 {margin-right:20px; min-width:150px;}
.sub_sch_top .sub_sch_top_sec01 .ip_w_st01 input.w_wide {padding-left:30px; padding-right:30px; }
.sub_sch_top .sub_sch_top_sec01 .ip_w_st01 .btn_search { }
.sub_sch_top .sub_sch_top_sec01 .ip_w_st01 .btn_sch_detail {margin-left:10px; width:140px;}

.sub_sch_top .sub_sch_top_sec01 .reSearch {margin-left:20px; margin-right:0; }

.sub_sch_top .sch_form01 > li {display:block; padding-top:20px; padding-bottom:20px;}
.sub_sch_top .sch_form01 > li + li {border-top:1px solid #ddd;}
.sub_sch_top .sch_form01 > li > dl {display:flex; align-items: center; margin:0 auto; max-width:1000px; }
.sub_sch_top .sch_form01 > li > dl > dt {padding-right:20px; min-width:85px; font-weight: 500; color:#000; white-space: nowrap; box-sizing: border-box;}
.sub_sch_top .sch_form01 .list_inline {flex-wrap: inherit; }
.sub_sch_top .sch_form01 .list_inline > li > span {display:flex; align-items: center;}
.sub_sch_top .sch_form01 .list_inline > li > span .t {white-space: nowrap;}
.sub_sch_top .sch_form01 .list_inline > li > span input {flex:1; width:140px;}


/* 달력 */
.cnt_calender {}
.cnt_calender_top {display:flex;     align-items: center; position:relative; margin-bottom:15px;}
.cnt_calender_top > .left {flex:1;  display:flex;     align-items: center; }
.cnt_calender_top > .right { display:flex;     align-items: center; }
.cnt_calender_top .cal_tit {margin-right:20px; font-size:24px; font-weight:500;}
.cnt_calender_top .cal_btn {margin-right:5px; width:40px; height:40px; background:#e9e9e9 url(../images/comm/btn_arw02_r_b.png) no-repeat 50% 50%; background-size: 30px auto; }
.cnt_calender_top .cal_btn.cal_prev {background-image: url(../images/comm/btn_arw02_l_b.png);}
.cnt_calender_top .cal_btn.cal_next {background-image: url(../images/comm/btn_arw02_r_b.png);}

.cnt_calender_tb_w {border-top:1px solid #000000;}
.cnt_calender_tb {width:100%; }
.cnt_calender_tb th,
.cnt_calender_tb td { text-align: center; border-left:1px solid #ddd; }
.cnt_calender_tb th:first-child,
.cnt_calender_tb td:first-child { border-left-width:0px; } 
.cnt_calender_tb th {height:55px; font-weight: 500; color:#000; border-bottom:1px solid #14b62d;}
.cnt_calender_tb td { /*padding: 12px 15px;*/ height:140px; vertical-align: top; text-align: left; border-bottom:1px solid #e2e2e2; /*box-sizing: border-box!important;*/ }
.cnt_calender_tb td > div { position:relative; padding: 12px 15px; width:100%; height:100%; box-sizing: border-box;}
.cnt_calender_tb .today:before {content:''; display:block; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border:1px solid #000; box-sizing: border-box;}
.cnt_calender_tb tbody tr td:first-child {background:#f4f4f4;}
.cnt_calender_tb tbody tr td:first-child .calen_date {opacity: 0.3;}
.cnt_calender_tb .calen_date {display:block; position:relative; margin-bottom:10px;}
.cnt_calender_tb .btn_more02 {position:absolute; right:10px; top:10px; width:28px; height:28px; background:#004c3f url(../images/comm/btn_add01_w.png) no-repeat 50% 50%; background-size:20px auto; border-radius: 50%;}

.cnt_calender_tb .doc_duty {margin-bottom:5px; padding:0 20px 1px; line-height:20px; min-width:80px; background:#ffa907; box-sizing: border-box; } 
.cnt_calender_tb .doc_duty.tag_thumb01 {color:#fff;  background-color:#ff9900;}
.cnt_calender_tb .doc_duty.tag_thumb02 {color:#fff; background-color:#00b0f0;}
.cnt_calender_tb .doc_duty.tag_thumb03 {color:#fff; background-color:#f21919;}
.cnt_calender_tb .doc_duty.tag_thumb04 {color:#fff;  background-color:#02b320;}

.calender_st01 { border-top:1px solid #000;}
.calender_st01 .cnt_calender_top {margin-bottom:0; padding:15px 0 ;}

.schedule_check01_w {margin-left:-20px;}
.schedule_check01_w .schedule_check01 {margin-right:20px;}
.schedule_check01 {position:relative; padding-left:20px;}
.schedule_check01:before {content:''; display:block; position:absolute; left:0; top:50%; margin-top:-4px; width:10px; height:10px; background:#152c44; border-radius: 50%;}
.schedule_check01.check_done:before {background-color:#152c44;}
.schedule_check01.check_standby:before {background-color:#bbb;}
.schedule_check01.check_self:before,
.schedule_check01.check_ing:before {background-color:#14b62d;}
.schedule_check01.check_child:before {background-color:#ffa700;}
.schedule_check01.check_deputy:before {background-color:#28979e;}

.c_class_schedule .cnt_calender_top .schedule_check01 { padding-left: 13px;}
.c_class_schedule .cnt_calender_top .schedule_check01_w .schedule_check01 { margin-right: 10px; letter-spacing: -1px; font-size:15px;}

.my_mediSchedule_plan {position:absolute; left:0; right:0; bottom:0;}
.my_mediSchedule_plan .schedule_check01 {position:absolute; left:0; right:0; bottom:0; padding-left:28px; height:28px; line-height: 27px; font-size:14px; letter-spacing: -1px; background:#e7e9ec; box-sizing: border-box;
	width: 100%; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.my_mediSchedule_plan .schedule_check01:before {left:13px; margin-top:-5px;}
.my_mediSchedule_plan .schedule_check01:nth-child(1){bottom:0;}
.my_mediSchedule_plan .schedule_check01:nth-child(2){bottom:28px;}
.my_mediSchedule_plan .schedule_check01:nth-child(3){bottom:56px;}
.my_mediSchedule_plan .schedule_check01.check_done {background:#e7e9ec;}
.my_mediSchedule_plan .schedule_check01.check_self {background:#e7f8ea;}
.my_mediSchedule_plan .schedule_check01.check_child {background:#fff6e5;}
.my_mediSchedule_plan .schedule_check01.check_deputy {background:#e9f4f5;}


/* 온라인 진료예약 - ac */
.pop_appoint.in_cover > .in_w {max-width:1540px;}
.pop_appoint article {overflow: initial;}

.pop_appoint .pop_close {position:fixed; right:50px; top:35px; background:  url(../images/comm/icon_close_02_w.png) no-repeat 50% 50%;}

.appoint_docs_schedule {flex:1; width:calc(75% - 50px);}

.appo_cnt_box { padding:30px 25px 25px; background:#fff; border:1px solid #acb3be;  }
.active.appo_cnt_box {background:#eef3f7;}

.pop_appoint h3 { margin-bottom:15px; letter-spacing: -2px;}
section:not(.appoint_myInfo_check) .pop_appoint h3 {margin-right:-1.25rem; margin-left:-1.25rem; text-align: center;}
.appoint_myInfo_check .appo_tit {padding-bottom:15px; margin-bottom:0; border-bottom:2px solid #fff; }
.appoint_myInfo_check .appo_tit span {  padding-left: 32px; background: url(../images/comm/icon_h_01_reserv_w.png) no-repeat 0% 50%;box-sizing: border-box; }

.appo_tit { font-size:22px;  letter-spacing: -1.5px;  }
.appo_tit .x {color:#437de9;}

.appoint_docs_schedule h4.tit {font-size:24px;}

.pop_appoint .appo_search .ip_sch .btn_icon_sch {background-image:  url(../images/comm/appo_icon_sch.png); border:none;}

.appo_medical_info.appo_cnt_box { padding-top:10px; padding-bottom:10px;}
.appo_medical_info {display:flex; justify-content: space-between; margin-bottom:20px;}
.appo_medical_info .dl_st01 {    margin-right: 30px;}

.appo_divi {display:flex; margin-right:-20px;}
.appo_divi .appo_cnt_box {flex:1; margin-right:20px; width:calc(33.33% - 20px); box-sizing: border-box; }


.appo_step_box {position:relative;}
.appo_step_box > div,
.appo_step_box > ul {position:relative;}
.appo_step_box,
.appo_step01_box .kr_initial_result,
.appo_step02_box .doc_list_w {height:692px; }

.appo_step_box .appo_txt_info {display:flex; flex-wrap: wrap;  justify-content: center;  align-items: center; z-index:10; position:absolute; left:0; top:0; width:100%; height:100%; text-align: center; background: #f5f6fa}
.appo_step_box .appo_txt_info:before {content:''; display:block; position:absolute; right:0; top:0; width:232px; height:212px; background:  url(../images/cnt/appo_bg_icon.png) no-repeat 50% 0%; background-size: 100% auto}
.appo_step_box .appo_txt_info p {position:relative;}
.appo_step_box .appo_txt_info .tit {margin-top:110px; margin-bottom:20px; font-size:24px; font-weight: 500;    line-height: 1.4;}
.appo_step_box .appo_txt_info .tit:before {content:''; display:block;  margin-bottom:25px; width:100%; height:70px;  background:  url(../images/cnt/sub01_icon70_01.png) no-repeat 50% 0%; background-size: 70px auto;}
.appo_step_box .appo_txt_info .txt {margin-bottom:25px; color:#666666; font-size:15px; letter-spacing: -1px; line-height: 1.8;}

.appo_step_box .appo_txt_info02 { display:flex;     flex-direction: column; justify-content: center;  z-index: 10; position:absolute; left:-15px; top:0; right:-15px; height:100%; text-align: center; background: #f5f6fa}
.appo_step_box .appo_txt_info02:before {content:''; display:block; position:absolute; right:0; top:0; width:232px; height:212px; background:  url(../images/cnt/appo_bg_icon.png) no-repeat 50% 0%; background-size: 100% auto}
.appo_step_box .appo_txt_info02 p {position:relative;}
.appo_step_box .appo_txt_info02 .txt {margin-bottom:25px; color:#666666; font-size:15px; letter-spacing: -1px; line-height: 1.8;}

.appo_x_info {display:flex; flex-wrap: wrap;  justify-content: center;  align-items: center; z-index:10; position:absolute; left:0; top:37px; right:0; bottom:0; width:100%;  text-align: center; background: #f5f6fa}
.appo_x_info .tit {font-size:1.25em;}

.appo_step01_box {display:flex;}
.appo_step01_box .kr_initial_list { flex-direction: column; margin:0;  margin-right:10px; margin-bottom:-5px;}
.appo_step01_box .kr_initial_list > a {margin:0; margin-bottom:5px;}
.appo_step01_box .kr_initial_result {display:flex; flex-direction: column; flex:1; padding:20px 20px 0;  background:#fff; box-sizing: border-box;}
.appo_step01_box .kr_initial_result .tab_list {display:flex; margin-bottom:15px;}
.appo_step01_box .kr_initial_result .tab_list a {display:flex; flex:1; align-items: center;	justify-content: center; padding:6px 2px; font-size: 14px; height:50px; text-align: center; line-height: 1.1; background:#fafafa; border:1px solid #d6d6d6;  box-sizing: border-box;}
.appo_step01_box .kr_initial_result .tab_list a + a {margin-left:-1px;}
.appo_step01_box .kr_initial_result .tab_list a.ac {position:relative; color:#fff; background:#437de9; border-color:#437de9;} 
.appo_step01_box .kr_initial_result .kr_initial_result_list {flex:1; margin-right:-10px; overflow-y:auto; }
.appo_step01_box .kr_initial_result .kr_initial_result_list > li {display:block; margin-bottom:4px;}
.appo_step01_box .kr_initial_result .kr_initial_result_list a {position:relative; padding:5px 0; color:#000; font-weight: 500;}
.appo_step01_box .kr_initial_result .kr_initial_result_list a:hover,
.appo_step01_box .kr_initial_result .kr_initial_result_list a.ac {color:#1472e3;}
.appo_step01_box .kr_initial_result .kr_initial_result_list a.ac {}
.appo_step01_box .kr_initial_result .kr_initial_result_list a.ac span {text-decoration: underline; text-underline-offset: 5px;}


.appo_step_box .appo_search {margin-bottom:15px;}
.appo_step_box .appo_search dd {display:block;}
.appo_step_box .ip_sch {height: 50px;}
.appo_step_box .appo_search .ip_sch input[type="text"] {    padding-left: 10px; width:90%; height: 48px;}

.appo_step02_box .doc_list_w  {margin-right:-15px; overflow-y:auto;}
.appo_step02_box .doc_list > li {padding-right:0;}
.appo_step02_box .doc_list > li:first-child {padding-top:0;}

.appo_step02_box .c_doc_info_txt .tit .t {display:block; margin-right:72px; font-size:22px; color:#1b2992;}
.appo_step02_box .c_doc_info_txt .tit .x {display:block; margin:0; margin-top:0.25rem; font-size:0.9375rem; color:#1b2992; font-weight: 400;}
.appo_step02_box .c_doc_info_txt .txt dt {margin-bottom:0.125rem; font-weight: 500; font-size:1rem;}
.appo_step02_box .c_doc_info_txt .btn_w {position:absolute; right:0.25rem; top:0;}
.appo_step02_box .c_doc_info_txt .btn_resev {width:65px; height:28px; font-size:15px; border-color:#ddd; }
.appo_step02_box .c_doc_info_txt .btn_resev span:after { background-image: url(../images/comm/btn_icon_plus.png); background-size:auto;}
.appo_step02_box .c_doc_info_txt .btn_resev:hover { background: #437de9; border-color: #437de9;}
.appo_step02_box .c_doc_info_txt .btn_resev:hover span {color:#fff;}
.appo_step02_box .c_doc_info_txt .btn_resev:hover span:after { background-image: url(../images/comm/btn_icon_plus_w.png); }
.appo_step02_box li.ac .c_doc_info_txt .btn_resev { background: #437de9; border-color: #437de9;}
.appo_step02_box li.ac .c_doc_info_txt .btn_resev span {color:#fff;}
.appo_step02_box li.ac .c_doc_info_txt .btn_resev span:after { background-image: url(../images/comm/btn_icon_plus_w.png); }

.appo_calender {display:flex; flex-direction: column;}
.appo_calender .appo_calender_top {display:flex; margin-bottom:7px; align-items: center; text-align: center;}
.appo_calender .appo_calender_top .ico {width:30px; height:30px; background:#f5f6f8;}
.appo_calender .appo_calender_top .ico:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%;  background: url(../images/comm/icon_arw03r.png) no-repeat 50% 50%; background-size: 29px auto; opacity: 0.3;}
.appo_calender .appo_calender_top .ico:hover:before {opacity:1;}
.appo_calender .appo_calender_top .ico.cal_prev:before {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} 
.appo_calender .appo_calender_top .cal_tit {flex:1; font-size:18px; font-weight: 500;}

.appo_calender_tb {width:100%; border-top:1px solid #000000;}
.appo_calender_tb th,
.appo_calender_tb td {height:39px; text-align: center; background:transparent; border-bottom:1px solid #e2e2e2;}
.appo_calender_tb th {font-weight: 500; color:#004a4b;}
.appo_calender_tb td {padding:0 1px; font-size:14px; font-weight: 500; color:#000;}

.appo_calender_tb a {display:flex; justify-content: center; align-items: center; margin:0 auto; height:39px; max-width:39px; box-sizing: border-box;}
.appo_calender_tb a:hover span {text-decoration: underline; text-underline-offset: 3px;}
.appo_calender_tb a.ac:hover span,
.appo_calender_tb a.cal_off:hover span {text-decoration: none;}
.appo_calender_tb .cal_today { background:#f4f4f4;}
.appo_calender_tb .cal_done { background: url(../images/comm/ptn_bg_st01.png) repeat;  }
.appo_calender_tb .cal_afternoon {color:#fff; /*border: 3px solid #647795;*/ background:#345bab;}
.appo_calender_tb .cal_all {color:#fff; background: #437de9;  border-radius: 50%;}
.appo_calender_tb .cal_morning {color:#fff; background: #3db8b3;}
.appo_calender_tb .cal_off span {opacity:  0.5;}
.appo_calender_tb .ac {color:#fff;  background-color:#0a51a1; border-color:#0a51a1; border-radius: 0;}
.appo_calender_tb .ac span {opacity: 0.5;}


.appo_cal_label { margin:20px 0; margin-right:-13px; font-size:15px; text-align: center;}
.appo_cal_label > li {margin-right:13px; font-weight: 500;}
.appo_cal_label > li:before {content:''; display:inline-block; margin-right:5px; width:20px; height:20px;  box-sizing: border-box; vertical-align: text-bottom; }
.appo_cal_label li.cal_all:before {background:#437de9;  border-radius: 50%;}
.appo_cal_label li.cal_morning:before {background: #3db8b3;}
.appo_cal_label li.cal_afternoon:before {/*border:2px solid #647795; */background:#345bab;}
.appo_cal_label li.cal_done:before { background:  url(../images/comm/ptn_bg_st01.png) repeat 0 0; }

.appo_select_time {flex:1; display:flex; flex-direction: column; margin-top: 40px; padding:20px; height: calc(100% - 378px); background:#f4f6f9; box-sizing: border-box;}
.appo_select_time > .w {flex:1; display:flex; flex-direction: column; position:relative;}
.appo_select_time .tit { padding-bottom:10px; margin-bottom:20px; font-size:14px; font-weight: 500; text-align: center; border-bottom:1px solid #000;}
.appo_select_time .x_t {margin-bottom:0.5rem; font-size:14px; font-weight: 500; color:#000;}
.appo_select_time .tab_st01 {gap:5px; margin-bottom:10px;}
.appo_select_time .tab_st01 > li {border:none;}
.appo_select_time .tab_st01 > li a {height:30px; font-size:15px; line-height: 28px; background:#fff; border:1px solid #ddd;}
.appo_select_time .tab_st01 > li.ac a {background:#437de9; border-color:#437de9;}
.appo_select_time .tab_st01 > li.ac a span {font-weight: 500; color:#fff;}
.appo_select_time .appo_time_list_w { flex:1; overflow: hidden; overflow-y: auto;}

.appo_time_list { display:flex; flex-wrap: wrap; align-content: flex-start; gap:4px 2%;  box-sizing: border-box;}
.appo_time_list > li {width:23.5%; text-align: center;}
.appo_time_list a {display:block; font-size:14px; height:28px; line-height:28px;  background:#fff; border:1px solid #ddd;}
.appo_time_list .ac a {color:#fff; background-color:#3db8b3; border-color:#3db8b3;} 
.appo_time_list .off a {background-color:#eaeaea; border-color:#eaeaea;}

.appoint_myInfo_check {position:absolute; width:25%; right:0; height:100%; color:#fff; background:#437de9;}
.appoint_myInfo_check:before {content:''; display:block; position:absolute; left:0; top:50%; width:500%; height:300%; background:#437de9; box-shadow: 0 -30px 40px rgba(0,0,0,0.25);
	-webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}
.appoint_myInfo_check:after {content:''; display:block; position:fixed; right:0; bottom:0; width:393px; height: 393px; background:  url(../images/cnt/appo_bg_icon02.png) no-repeat 100% 100%; background-size: cover;}
.appoint_myInfo_check.in_cover {padding-top:100px; padding-top:40px; padding-right:0;  padding-left:40px;}
.appoint_myInfo_check .in_w {z-index:1;}
.appoint_myInfo_check h3,
.appoint_myInfo_check h5 {color:#fff;}
.appoint_myInfo_check .cnt {margin-bottom:40px;}
.appoint_myInfo_check .cnt:last-child {margin-bottom:0;}

.appo_myInfo_step_list {}
.appo_myInfo_step_list > li {display:block; position:relative;   }

.appo_myInfo_step_box {padding: 25px 0 25px; border-bottom:1px solid #85aaf1; box-sizing: border-box;}
.appo_myInfo_step_box > .w {position:relative;}
.appo_myInfo_step_box .btn_change {z-index:1; position:absolute; right:0; top:6px;}
.appo_myInfo_step_box h5 {margin-bottom:17px; font-size:20px; color:#79f1ff; font-weight: 600; line-height: 1;}
.appo_myInfo_step_box .x_select_txt {display:flex; flex-direction: column; justify-content: center; align-content: center; margin-right:-10px; margin-left:-10px; height:93px;  text-align: center; line-height: 1.2;}
.appo_myInfo_step_box .x_select_txt .t {font-size:36px;}
.appo_myInfo_step_box .box_doc_photo {position:absolute; left:0; top:6px; width:100%; text-align: center;}
.appo_myInfo_step_box .box_doc_photo .photo { margin:0 auto;  width:100px; height:115px; background: #f7f7f7 url(../images/comm/bg_logo01.png) no-repeat 50% 50%; background-size: 70px auto; border:1px solid #ddd; box-sizing: border-box; overflow: hidden;}
.appo_myInfo_step_box .box_doc_photo .photo img {max-width:none; height:100%;}
.appo_myInfo_step_box .box_doc_photo .t { margin-top:3px; font-weight: 500;}

.appoint_myInfo_check li + li .appo_myInfo_step_box {border-top:1px solid transparent;}
.appoint_myInfo_check li:first-child .appo_myInfo_step_box {box-shadow:none;}

.appoint_myInfo_check .box_txt {display:none;}

.appoint_myInfo_check .box_txt .list_dot > dt:before,
.appoint_myInfo_check .box_txt .list_dot > span:before {background:#fff;}

.appoint_myInfo_check .box_txt .list_dot_dt {display:flex;     flex-wrap: wrap;}
.appoint_myInfo_check .box_txt .list_dot_dt > dt {width:93px; box-sizing: border-box;}
.appoint_myInfo_check .box_txt .list_dot_dt > dd {flex:1; min-width:calc(100% - 95px);}

.pop_appoint .btn_reservF {margin-top:40px; width:100%; height:90px; font-size:24px; font-weight: 500; border:none;}
.pop_appoint .btn_reservF span {color:#000000;}
.pop_appoint .btn_reservF span:after {    margin-right: 0.75rem; width:28px; height: 28px; background-image:  url(../images/comm/btn_icon__reservF.png);}


.appoint_myInfo_check .active .box_txt {display:block;}

.btn_icon_st02.btn_reserv span:before { background-image: url(../images/comm/btn_reserv01_lb.png);}

.btn_ico.btn_ico_st01 { background-color:#fff; border:1px solid #ddd; border-radius: 50%;}
.btn_ico.btn_ico_st0102 { border:none; }
.btn_ico.btn_ico_st0103 {border:3px solid #152c44;  }
.btn_ico_select01 { background-image: url(../images/comm/icon_check_02_g.png);}

.btn_ico.btn_ico_select01 {border-color:#d0d6de;}
.btn_ico.btn_ico_select01.ac {background-color:#0a51a1; border-color:#0a51a1;}

.btn_icon_st02.btn_reserv { width:100%; margin-top:15px; font-size:24px; font-weight: 500; height: 60px; border:none;}

/*
.c_dl_st01 {display: flex; flex-wrap: wrap; margin-bottom:-10px; text-align: left;}
.c_dl_st01 > dt,
.c_dl_st01 > dd {display:block; margin-bottom:8px; box-sizing: border-box;}
.c_dl_st01 > dt {position:relative; width:60px; font-weight: 500; }
.c_dl_st01 > dt:after {content:''; display:block; position:absolute; right:0; top:50%; margin-top:-8px; width:1px; height:16px; background:#ddd;}
.c_dl_st01 > dd { padding-left:15px; width:calc(100% - 60px);}

.c_dl_st0102 { margin-bottom:-5px;}
.c_dl_st0102 > dt,
.c_dl_st0102 > dd {margin-bottom:5px; font-size:20px; white-space: nowrap;}
.c_dl_st0102 > dt {width:70px;}
.c_dl_st0102 > dd {width:calc(100% - 70px); font-weight: 300;}

.c_dl_st0103 > dt {width:70px; font-weight: 400; white-space: nowrap;}
.c_dl_st0103 > dt:after {display:none;}
.c_dl_st0103 > dd {padding-left:5px; width:calc(100% - 70px); }
*/







/* 온라인 진료예약 mo */
.mo .pop_appoint .btn_area_btm {display:flex!important;}
.mo .appoint_myInfo_check:before,
.mo .appoint_myInfo_check:after,
.mo .appoint_myInfo_check .btn_reserv {display:none;}

.mo .btn_area_btm .btn_icon_st02.btn_reserv.active {border:none;}


.mo .pop_appoint {display:block; padding:0; min-width:375px;  background:none;}
.mo .pop_appoint .h1_w {display:flex;  align-items: center; margin:0; padding:0 20px; height:90px; border-bottom:1px solid #ddd;}
.mo .pop_appoint .h1_w .hd_logo {flex:1;}
.mo .pop_appoint .h1_w .hd_logo img {height:35px;}
.mo .pop_appoint .h1_w .pop_close {position:relative; right:-5px; top:auto; background-image: url(../images/comm/icon_close_02_b.png); border:none;}

.mo .pop_appoint article {display:flex; flex-wrap: wrap; position:fixed; left:0; top:0; right:0; bottom:0; height:100%;}
.mo .pop_appoint article section {flex:1; overflow: hidden; overflow-y: auto; }

.mo .hd_logo .logo_tit {font-size:20px;}

.mo .appoint_docs_schedule,
.mo .appoint_myInfo_check,
.mo .appo_divi .appo_cnt_box {position:relative; width:100%; box-sizing: border-box;}

.mo .appo_divi {display:block; margin:0; height:100%; }

.mo .appo_cnt_box,
.mo .pop_appoint article section.appoint_myInfo_check {padding:25px 20px; border:none;}

.mo .appo_step_box, 
.mo .appo_step01_box .kr_initial_result, 
.mo .appo_step02_box .doc_list_w { height: auto;}

.mo .appo_step02_box .doc_list_w {margin-right:0;}



/* 진료카드, 바코드 */
.c_box_medicalCard .c_medicalCard {margin:0 auto;}
.c_medicalCard {position:relative; padding:30px; max-width:575px; background:#2357b8; box-sizing: border-box;}
.c_medicalCard:before,
.c_medicalCard:after {content:''; display:block; position:absolute; top:50%; margin-top:-0.5rem; width:1rem; height:1rem; background:#fff; border-radius: 50%;}
.c_medicalCard:before {left:-0.375rem; border-top-left-radius:0 ; border-bottom-left-radius:0 ;}
.c_medicalCard:after {right:0; border-top-right-radius:0 ; border-bottom-right-radius:0 ;}
.c_medicalCard > dl {background:#fff; border-radius: 0.375rem;}
.c_medicalCard > dl > dt {display:flex; justify-content: space-between; padding:30px 30px 15px; border-bottom:1px solid #ddd; box-sizing: border-box;}
.c_medicalCard > dl > dd {display:block; padding:1.875rem 1.875rem 1.75rem; box-sizing: border-box;}
.c_medicalCard dt .logo {display:flex;     align-items: center;}
.c_medicalCard dt .logo img {margin-right:0.875rem; height: 38px;}
.c_medicalCard dt .logo .t {font-size:1.125rem; font-weight: 500; color:#000;}
.c_medicalCard dt .x { padding:0 1.125rem; height:38px; line-height: 38px; font-size:1.125rem; font-weight: 500; color:#fff; background: #2357b8; border-radius: 20px; box-sizing: border-box; }
.c_medicalCard .medicalCard_info {position:relative; margin-bottom:1.625rem;}
.c_medicalCard .medicalCard_info:before {content:''; display:block; position:absolute; right:0; top:0; width: 50%; max-width:160px; height: 100%; background: url(../images/comm/logo_hd_2x.png) no-repeat 100% 50%; background-size: contain; opacity: 0.15;}
.c_medicalCard .medicalCard_info > ul {}
.c_medicalCard .medicalCard_info > ul > li {display:flex;}
.c_medicalCard .medicalCard_info > ul > li:not(:last-child) {margin-bottom:0.5rem;}
.c_medicalCard .medicalCard_info > ul .t {width:80px;}
.c_medicalCard .medicalCard_info > ul .x {font-size:1.125rem; color:#000;}
.c_medicalCard .medicalCard_barcode { padding:1.25rem 5% 1rem; border:1px solid #ddd; box-sizing: border-box;}
.c_medicalCard .medicalCard_barcode > .w {display:flex; flex-wrap: wrap; justify-content: space-between; margin:0 auto; max-width:345px; }
.c_medicalCard .x_barcode {margin-bottom:0.5rem; width:100%; text-align: center;}
.c_medicalCard .x_barcode > span {display:block;}
.c_medicalCard .barcode_num {color:#999;}
.c_medicalCard .btn_icon  {color:#636363;}


/* 의료진 리스트 */
.c_doc_list {display:flex; flex-wrap: wrap; gap:40px 80px;}
.c_doc_list > li {flex:1 0 40%; padding:1.75rem 0; max-width:calc(50% - 40px); border-top:1px solid #ddd;}

.x_doc_info {display:flex;}
.x_doc_info .img {position:relative; margin-right:30px; width:172px; height:190px; background: #f7f7f7 url(../images/comm/bg_logo01.png) no-repeat 50% 50%;  overflow: hidden; }
.x_doc_info .img img {position:relative; left:50%; transform: translate(-50%); object-fit: cover; max-width:none; height: 100%;}
.x_doc_info .info {flex:1;  display:flex;     flex-direction: column;}
.x_doc_info .tit {margin-bottom:0.625rem; font-weight: 500;}
.x_doc_info .tit .t {font-size:26px; }
.x_doc_info .tit .x {font-size:17px; color:#7cbbeb;}
.x_doc_info .txt {flex:1; margin-bottom:0.25rem; font-size:17px;}
.x_doc_info .txt > dt {margin-bottom:0.25rem;  font-weight: 500; color:#616161;}
.x_doc_info .txt > dd { max-height: 65px; font-weight: 300; overflow-y: auto;  box-sizing: border-box;  }
.x_doc_info .btn_w {display:flex; gap:6px;}
.x_doc_info .btn_w >.btn {flex:1;}

.c_docInfo_block { overflow: hidden;}

.swiper_docInfo_block {margin:0 auto; }
.swiper_docInfo_block .swiper-wrapper {}
.swiper_docInfo_block .swiper-slide {}
.swiper_docInfo_block .swiper-slide:not(.swiper-slide-active) {width:150px;}
.swiper_docInfo_block .swiper-slide p {padding:0 15px; width:150px; box-sizing:border-box;}
.swiper_docInfo_block .swiper-slide .img_thumb {width:122px; height:125px; object-fit: cover;}
.swiper_docInfo_block .swiper-slide-active { width:300px; background:orange; }
.swiper_docInfo_block .swiper-slide-active p {margin:0 auto;}

.depart_list {display:flex; flex-wrap: wrap; margin-right:-35px;}
.depart_list > li {  padding-right:35px; padding-bottom:35px; width:20%; box-sizing: border-box; }
.depart_list .depart_box { border:1px solid #ddd;}

.depart_box {display:block; position:relative; text-align: center; 
	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.depart_box .depart_t_w {display:flex; flex-direction: column; justify-content: center; align-items: center;  height:200px;}
.depart_box .depart_t_w .depart_img { width:100px; height:100px;}
.depart_box .depart_t_w .tit {margin-top:15px; font-size:18px; text-align: center; font-weight: 500; color:#000;}
.depart_box .depart_t_w .tit span {position:relative; }

.depart_box .btn_list {display:flex; border-top:1px solid #ddd;}
.depart_box .btn_list .depart_btn { flex:1; display:flex; flex-direction: column; justify-content: center; align-items: center; position:relative; height:75px; font-size:15px; font-weight: 500; color:#000;
	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.depart_box .btn_list .depart_btn:after {content:''; display:inline-block; margin-top:5px; margin-bottom:-2px; width:24px; height:24px;  background:url(../images/comm/icon_24_01_01.png) no-repeat 50% 50%; background-size:24px auto; }
.depart_box .btn_list .depart_btn + .depart_btn {border-left:1px solid #ddd;}
.depart_box .btn_list .depart_btn.icon_reserv:after {background-image:url(../images/comm/icon_24_01_01.png); }
.depart_box .btn_list .depart_btn.icon_detail:after {background-image:url(../images/comm/icon_24_01_02.png); }

.depart_box .btn_list .depart_btn:hover {color:#fff; background-color:#0338b8;}
.depart_box .btn_list .depart_btn:hover.icon_reserv:after {background-image:url(../images/comm/icon_24_01_01_w.png); }
.depart_box .btn_list .depart_btn:hover.icon_detail:after {background-image:url(../images/comm/icon_24_01_02_w.png); }


/* 진료시간표 */
.c_timeTable_list {display:flex; flex-wrap: wrap; padding-left:1px;}
.c_timeTable_list > li {margin-left:-1px; margin-bottom:-1px; width:calc(100% / 7 + 1px);}
.c_timeTable_list > li.db {width:calc(100% / 7 * 2 + 1px);}
.c_timeTable_list a {display:flex; align-items: center; position:relative; padding:0.375rem 1.25rem; padding-right:50px; height: 100%;; min-height: 46px; color:#6b6b87; letter-spacing: -1px; border:1px solid #dbdbdb; box-sizing: border-box;}
.c_timeTable_list a:before {content:''; display:block; position:absolute; right:24px; top:50%; margin-top:-1px; width:1rem; height:2px; background:#b5b7ba;}
.c_timeTable_list a span {z-index:1; position:relative;}
.c_timeTable_list a:hover {z-index:1; color:#0c288e; font-weight: 500; border-color:#437dea; }
.c_timeTable_list a:hover:before {background:#437dea;}
.c_timeTable_list a:hover:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #437dea;  box-sizing: border-box;}

/* box style */
.x_boxIp {}
.x_boxIp .ip_inline {    justify-content: center;}
.x_boxIp label {flex:0 0 115px; padding-right:20px; width:115px; font-size:1.125rem; box-sizing: border-box;}
.x_boxIp .btn {padding:0 35px; color:#fff; font-size:1.25rem; background:#2357b8;}

.x_boxIp_st01 {position:relative; margin:0 auto; padding-right:130px; max-width:650px; box-sizing: border-box; }
.x_boxIp_st01 > p {min-height: 46px;}
.x_boxIp_st01 .ip_inline + .ip_inline {margin-top:10px;}
.x_boxIp_st01 label {flex:0 0 140px; width:140px;  font-size:1.125rem;}
.x_boxIp_st01 .ok_btn {position:absolute; right:0; top:0; height: 100%; width:110px;}



.box_deco:before {content:''; display:block; position:absolute; left:60px; top:0; width:15px; height:16px; background:#437dea; border-radius: 50%; border-top-left-radius:0 ; border-top-right-radius:0 ;}

.c_box_st01 {padding:1.875rem 1rem;}
.c_box_st01 > .img {position:relative; margin:0 auto 1rem; width:140px; height: 156px; background: url(../images/comm/box_info_bg01.png) no-repeat 50% 50%; background-size: contain;}
.c_box_st01 > .img > span {position:relative; display:block; height:100%; background: url(../images/comm/icon_70_0301.png) no-repeat 50% 50%; background-size: 4.375rem auto;}
.c_box_st01 .img_0101 > span {background-image: url(../images/comm/icon_70_0301.png);}
.c_box_st01 .img_0102 > span {background-image: url(../images/comm/icon_70_0302.png);}
.c_box_st01 .img_0103 > span {background-image: url(../images/comm/icon_70_0303.png);}
.c_box_st01 .img_0104 > span {background-image: url(../images/comm/icon_70_0304.png);}
.c_box_st01 > .img .arw:before {content:''; display:block; position:absolute; bottom:1rem; left:50%; width:13px; border:7px solid transparent; border-top-color:#437dea;  transform: translate(-50%, 0); box-sizing: border-box;}
.c_box_st01 .txt {text-align: center;}
.c_box_st01 .txt dt {margin-bottom:0.375rem; font-size:25px; font-weight: 500; color:#437dea ;}
.c_box_st01 .txt dd {color:#000; line-height: 1.5;}

.c_box_ip .x_box_txt {margin-top:1.5rem;}

.c_box_ip02 {}
.c_box_ip02 .txt {font-size:1.125rem;}
.c_box_ip02 .btn_btm {margin-top:2rem;}
.c_box_ip02 .x_img_w {margin-bottom:1.5rem;}
.c_box_ip02 .x_img_w .x_img {margin:0 auto;}

.x_img_w .x_img {width:140px; height: 155px; background: url(../images/comm/img_icon01.png) no-repeat 50% 50%; background-size: contain;}
.x_img_w .x_img.img0101 {background-image: url(../images/comm/img_icon01.png);}


/* cnt style */
.s_step_list01 {display:flex; justify-content: center;    align-items: center;}
.s_step_list01 > li {display:flex; align-items: center;}
.s_step_list01 > li:not(:last-child):after {content:''; display:block; position:relative; width:65px; height:20px; background: url(../images/comm/z_icon_arw01.png) no-repeat 50% 50%; background-size: 1.875rem auto;}

.sx_deco01 {display:flex; justify-content: center;  align-items: center; width:170px; height: 52px; background:#fff; border:1px solid #ddd; box-sizing: border-box; border-radius: 25px;}
.sx_deco02 {display:flex; justify-content: center;  align-items: center; width:116px; height: 132px; font-size:1.125rem; color:#fff; background: url(../images/comm/z_icon_bg01.png) no-repeat 50% 50%; background-size:contain;}

.x_btn_w {display:flex; justify-content: center; align-items: center; }
.x_btn_w .img {margin-right:40px; width:60px; height: 60px; background: url(../images/comm/icon_06_0101.png) no-repeat 50% 50%; background-size:contain;}
.x_btn_w .img.img0101 { background-image: url(../images/comm/icon_06_0101.png); }
.x_btn_w .img.img0102 { background-image: url(../images/comm/icon_06_0102.png); }

.x_btn_w .btn {flex:1; }

.x_tBox_st01 {display:flex; position:relative; }
.x_tBox_st01 > .img { width:150px;}
.x_tBox_st01 > .img span {display:flex; justify-content: center; align-items: center; position:relative; left:22px; top:10px; width:91px; height:101px; background: url(../images/comm/z_icon_bg01_s.png) no-repeat 50% 50%; background-size:contain;}
.x_tBox_st01 > ol {flex:1;}
.cnt .x_tBox_st01_w:nth-of-type(2n) .x_tBox_st01 > .img span { background-image: url(../images/comm/z_icon_bg01b_s.png);}

.x_dept_info {display:flex;}
.x_dept_info > dt {margin-right:1.875rem; font-size:1.25rem; font-weight:500; color:#3db8b2;}
.x_dept_info > dd {line-height:1.6;}

/* cnt : 컨텐츠 인포 */
.cnt_info .info_h_w {margin-bottom:50px;}
.cnt_info .info_box { position:relative; }
.cnt_info .info_box .info_img {z-index:1; position:absolute; right:0; bottom:35px; max-width:43.6%;}
.cnt_info .info_box > .w {padding:50px; padding-right:38%; margin-right:7.8%; color:#fff; font-size:1.125rem; background: #3db7b3; box-sizing: border-box;
  background: -moz-linear-gradient(left, #3db7b3 0%, #437dea 100%);
  background: -webkit-linear-gradient(left, #3db7b3 0%, #437dea 100%);
  background: linear-gradient(to right, #3db7b3 0%, #437dea 100%);}




/* 팝업 : doctor view */
.pop_doctor_view {    padding-bottom: 50px;}
.pop_doctor_view .contents {margin-top:0;}

.pop_doctor_view #header {height: 110px;}
.pop_doctor_view #header .hd_box {height: 100%;}
.pop_doctor_view #header .hd_divi {height: 100%;}
.pop_doctor_view .hd_divi_right {display:flex; align-items: center; gap:10px; }
.pop_doctor_view .hd_divi .hd_divi_right > * {margin:0;}
.pop_doctor_view #header .hd_box a {vertical-align: middle;}
.pop_doctor_view #header .hd_box .ico_close {flex:0 0 30px; margin-left:10px;}

.pop_doctor_view .sec_doctor_view {position:relative; height:570px; background:#e2f2ff;}
.pop_doctor_view .sec_doctor_view:before {content:''; display:block; position:absolute; left:50%; top:0; right:0; bottom:0; background:#fff url(../images/medical/doc_view_bg.png) no-repeat 0% 50%; background-size: contain; border-top:1px solid #ddd;}
.pop_doctor_view .sec_doctor_view > .in_w {height: 100%;}
.sec_doctor_view .doctor_details {display:flex; flex-wrap: nowrap; height: 100%;}
.sec_doctor_view .doctor_details .doc_details_img {flex:1; position:relative; overflow: visible;  }
.sec_doctor_view .doctor_details .doc_details_img:before {content:''; display:block; position:absolute; left:0; bottom:0; height: 160px; width:960px; background:#ffdde6 url(../images/medical/doc_view_bg_01.png) no-repeat 90% 50%; background-size: auto 96px; }
.sec_doctor_view .doctor_details .doc_details_img .swiper {position:relative;  height:100%; width: 600px;}
.sec_doctor_view .doctor_details .doc_details_img .swiper-slide { display: flex; align-items: flex-end; opacity: 0!important; 
	-webkit-transition: opacity 1.0s ease; transition: opacity 1.0s ease !important;}
.sec_doctor_view .doctor_details .doc_details_img .swiper-slide.swiper-slide-active {opacity: 1!important;}
.sec_doctor_view .doctor_details .doc_details_img .swiper-slide {display:block;}
.sec_doctor_view .doctor_details .doc_details_img .swiper-slide span {display:flex; align-items: flex-end; height:100%; text-align: center;}
.sec_doctor_view .doctor_details .doc_details_img .swiper-slide img {max-height: 100%; vertical-align: bottom;}

.sec_doctor_view .doctor_details .doc_details_box { position:relative;  padding-top:70px; width:50%;}
.sec_doctor_view .doctor_details .doc_details_box:before {content:''; display:block; position:absolute; right:40px; bottom:-80px; width:430px; height:430px; background: url(../images/comm/bg_ainLogo01.png) no-repeat 50% 50%; background-size: contain;}

.sec_doctor_view .doctor_details .doc_details_box .btn_w {display:flex; flex-direction: column; z-index:10; position:absolute; left:100%; bottom:0;  }
.sec_doctor_view .doctor_details .doc_details_box .btn_w .btn {margin:0; width:160px; height: 160px; font-size:25px; background-color:#003d94;   }
.sec_doctor_view .doctor_details .doc_details_box .btn_w .btn span {color:#fff; }
.sec_doctor_view .doctor_details .doc_details_box .btn_w .btn span:before {content:''; display:block; position:relative; margin:0 auto 8px; width: 50px; height: 50px; background: url(../images/medical/doc_view_icon_reserv.png) no-repeat 50% 50%; background-size: contain;}


.sec_doctor_view .doctor_details .doc_details_box .tit {display:flex; position:relative;}
.sec_doctor_view .doctor_details .doc_details_box .tit_w {position:relative; padding-right:12%; }
.sec_doctor_view .doctor_details .doc_details_box .tit_w .tit {align-items: flex-end;}
.sec_doctor_view .doctor_details .doc_details_box .tit .t_name {font-size:55px; font-weight: 600; line-height: 1; letter-spacing: -1px; color:#222;}
.sec_doctor_view .doctor_details .doc_details_box .tit .t_depart { margin-left:10px; font-size:25px; font-weight:500; color:#05b2bd;}
.sec_doctor_view .doctor_details .doc_details_box .tit .ico_like { margin-left:10px; margin-bottom: 8px;}
.sec_doctor_view .doctor_details .doc_details_box .txt { margin-top:20px; margin-bottom:35px;}
.sec_doctor_view .doctor_details .doc_details_box .txt dt {position:relative; margin-bottom:10px; padding-left:12px; font-size:22px; font-weight: 500; color:#003d94; white-space:nowrap;}
.sec_doctor_view .doctor_details .doc_details_box .txt dt:before {content:''; display:block; position:absolute; left:0; top:0; width:6px; height:6px;  background:#003d94; }
.sec_doctor_view .doctor_details .doc_details_box .txt dd {margin-left:12px; font-size:18px; font-weight: 300; 	}
.sec_doctor_view .doctor_details .doc_details_box .txt dd .p {display: -webkit-box;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.4; }
.sec_doctor_view .tb_side {position:relative; bottom:10px;}
.sec_doctor_view .label_check_list { position:absolute; right:0; bottom:0; font-size:14px;}
.sec_doctor_view .label_check_list > span {margin-left:10px;}
.sec_doctor_view .label_check_list em,
.sec_doctor_view .label_check_list img {vertical-align: middle;}
.sec_doctor_view .label_check_list img {margin-right:2px;}
.sec_doctor_view .doctor_details .doc_details_box .tb_st02 tr:last-child th,
.sec_doctor_view .doctor_details .doc_details_box .tb_st02 tr:last-child td {border-bottom-color:#778599;}
.sec_doctor_view .doctor_details .doc_details_box .tb_st02 th,
.sec_doctor_view .doctor_details .doc_details_box .tb_st02 td { height: 42px;}

.x_c_txt {}
.x_c_txt > li {display:block;}
.x_c_txt > li:not(:last-child) {margin-bottom:3px;}

.sec_doctor_view .x_c_txt {margin-top:15px; font-size:15px; color:#666666;}
.sec_doctor_schedule .x_c_txt { margin-top: -35px; margin-bottom:50px;}
  
.sec_doctor_view .doctor_details .doc_details_box .tab_cnt {font-size:17px;}
.sec_doctor_view .doctor_details .doc_details_box .list_basic > li {margin-bottom:8px;}
.sec_doctor_view .swiper-container-horizontal > .swiper-pagination-bullets {top:30px; left:auto; right:0; width:auto;}
.sec_doctor_view .doctor_details .doc_details_box .tab_w { display:flex; flex-direction: column; position:relative; height: 400px;}
.sec_doctor_view .doctor_details .doc_details_box .tab_w .tb_w {overflow-y: auto; box-sizing: border-box;}
.sec_doctor_view .doctor_details .doc_details_box .tab_w .tb {background:none;}

.sec_doctor_view .doctor_details .doc_detailTxt_01 {line-height: 1.8;}
.sec_doctor_view .doctor_details .doc_detailTxt_01 strong {display:inline-block; margin-bottom:7px; font-size:18px; font-weight: 500; color:#000;}

.sec_doctor_schedule {}
.sec_doctor_schedule .h_w { display:flex; justify-content: center;  align-items: center; margin:0; height:85px; text-align: center; }
.sec_doctor_schedule .h_w h3 {font-size:27px; font-weight: 300;}
.sec_doctor_schedule .doc_schedule_w {border-bottom:1px solid #757c99;}
.sec_doctor_schedule .doc_schedule_w .doc_schedule_btn .ico {position:absolute; top:22px; margin-bottom:12px; width:40px; height:40px; background:#344455 ; border-radius: 50%; }
.sec_doctor_schedule .doc_schedule_w .doc_schedule_btn .ico:before {content:''; display:block; width:100%; height:100%; background: url(../images/medical/doc_view_icon_arwL_w.png) no-repeat 50% 50%; background-size: 30px auto; opacity: 0.4;
	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.sec_doctor_schedule .doc_schedule_w .doc_schedule_btn .ico:hover:before {opacity: 1;}
.sec_doctor_schedule .doc_schedule_w .doc_schedule_btn .ico.btn_before {left:0;}
.sec_doctor_schedule .doc_schedule_w .doc_schedule_btn .ico.btn_before:before{background-image: url(../images/medical/doc_view_icon_arwL_w.png);}
.sec_doctor_schedule .doc_schedule_w .doc_schedule_btn .ico.btn_after {right: 0; }
.sec_doctor_schedule .doc_schedule_w .doc_schedule_btn .ico.btn_after:before { background-image: url(../images/medical/doc_view_icon_arwR_w.png);}
.sec_doctor_schedule .doc_schedule_list {display:flex; overflow: hidden;}
.sec_doctor_schedule .doc_schedule_list dd {display:block;}
.sec_doctor_schedule .doc_schedule_list > dt {display:flex; align-items: center; justify-content: center; position:relative; z-index:10; margin-right:-1px; font-size:26px; width:90px; border:1px solid #8389a3;  border-top:none; border-bottom:none; background:#757c99;}
.sec_doctor_schedule .doc_schedule_list > dd {flex:1; width:calc(100% - 90px); border-left:1px solid #5f6889;}

.sec_doctor_schedule .c_doc_calendar_w { display:flex;  text-align: center;}
.sec_doctor_schedule .c_doc_calendar_w {flex:1; display:flex; font-size:14px; font-weight: 300;}
.sec_doctor_schedule .c_doc_calendar_w .c_doc_calendar_left {flex: 0 0 45px; position:relative; z-index:10; }
.sec_doctor_schedule .c_doc_calendar_w .doc_calendar {flex:1; display:flex;}
.sec_doctor_schedule .c_doc_calendar_w dl dt,
.sec_doctor_schedule .c_doc_calendar_w dl dd {display:flex;     justify-content: center; align-items: center;}
.sec_doctor_schedule .c_doc_calendar_w dt {padding:2px 3px ; height:46px; color:#b2b2b2; border-right:1px solid #f2f2f2; border-bottom:1px solid #796f6d; border-top:1px solid #796f6d; box-sizing: border-box;}
.sec_doctor_schedule .c_doc_calendar_w dd {height:40px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#f8f8f8;}
.sec_doctor_schedule .c_doc_calendar_w dd + dd {border-bottom:none;}
.sec_doctor_schedule .c_doc_calendar_w .x_holi dt {color:#c2ac9a; }
.sec_doctor_schedule .c_doc_calendar_w .ac dt {color:#000; }

.sec_doctor_schedule .doc_schedule_check {padding:15px 0; text-align: right; }
.sec_doctor_schedule .doc_schedule_check span {margin-left:30px;}
.sec_doctor_schedule .doc_schedule_check span img + em {margin:0 5px;}

.doc_detailTxt_01 {line-height: 1.8;}

.hd_layer {position:absolute; top:110px; left:0; right:0; background:#fff; border-top:1px solid #ddd; box-sizing: border-box;}
.hd_layer:before {content:''; display:block; position:absolute; left:50%; top:0; bottom:0; transform: translate(-50%); width:500%; background:#fff;box-shadow:0 30px 40px rgba(0,0,0,0.15);  }
.hd_layer > .in_w {padding:25px 0;}

/* 컨텐츠 */
.sp-icon-list.st01 > ul > li:last-child .ls-con,
.sp-icon-list.bg_lb > ul > li:last-child .ls-con {border-bottom:none;}
.sp-icon-list.bg_lb {background:#eef7fc;}



/* 팝업 : 진료예약 */
.pop_appoint {display:flex; align-items: center; justify-content: center; padding:30px 20px;  min-width:1280px; background:url(../images/cnt/pop_appoint_bg.png) no-repeat 50% 50%; background-size:cover; word-break: break-all; overflow: hidden;}

.pop_appoint .h1_w,
.pop_appoint .hd_logo {margin-bottom:30px;}
.pop_appoint .h1_w .hd_logo {margin-bottom:0;}

.pop_appoint .h1_w .h_side {top:3px; right:60px; line-height: 48px; font-size:18px;}

.pop_appoint .h1_w > .w {position:relative;}

.pop_appoint article {display:flex; flex-direction: column; position:relative; width:100%; max-width: 1580px;}

.appo_txt_loading {display:flex; align-items: center; justify-content: center; z-index:10; position:absolute; left:0; top:0; width:100%; height:100%; background: #f5f6fa;}
.appo_txt_loading span {padding-top:90px; text-align: center; color:#666; background:  url(../images/comm/icon_loading01.png) no-repeat 50% 0%; background-size: 64px auto;}


/* 팝업 : 바코드 */
.pop_layer_basic.pop_barcode_zoom {max-width:500px;}
.pop_layer_basic.pop_barcode_zoom .pop_content {padding:3rem 8%; text-align: center;}
.pop_layer_basic.pop_barcode_zoom .txt {margin-top:1.25rem; margin-bottom:-0.5rem; font-size:1.25rem; }
.pop_layer_basic.pop_barcode_zoom .txt .t {margin-right:10px;}

/* 팝업 : 재동의 */
.pop_reAgree {width:100%; max-width:1200px;}


@-webkit-keyframes a01 {
	from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }

}
@keyframes a01 {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }

}



