@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 {display:flex; align-items: center; justify-content: center; padding:30px 20px;  min-width:1280px; background:#f9f9f9; word-break: break-all; overflow: hidden;}
.pop_appoint.in_cover > .in_w {max-width:1540px;}
.pop_appoint article {display:flex; flex-direction: column; position:relative; width:100%; max-width: 1580px; 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%;}

.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;}

.appoint_docs_schedule {flex:1; width:calc(75% - 50px);}

.appo_cnt_box { padding:30px 25px 25px; background:#fff; border:1px solid #e5e5e5;  }
.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:1.5rem;}

.pop_appoint .appo_search .ip_sch .btn_icon_sch {height:3rem; width:3rem; 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;gap:20px; }
.appo_divi .appo_cnt_box {flex:1;  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; flex-direction: column; justify-content: center;  align-items: center; align-content: 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:1.125rem; 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; box-sizing: border-box;}
/*.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:1.5rem;  padding:1.5rem 1.25rem;  color:#666666; font-size:1.125rem; letter-spacing: -1px; line-height: 1.8; overflow-y: auto; box-sizing: border-box;}

.appo_x_info {display:flex; flex-wrap: wrap;  justify-content: center;  align-items: center; z-index:9; 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:0.625rem;}
.appo_step01_box .kr_initial_list > a {margin:0; }
.appo_step01_box .kr_initial_result {display:flex; flex-direction: column; flex:1; padding:1.25rem 1.25rem 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:3.125rem; 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:3rem;}
.appo_step_box .appo_search .ip_sch input[type="text"] {    padding-left: 10px; padding-right:0; width:90%; height: 3rem;}


.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 th.sat,
.appo_calender_tb td.sat {color:#4a77b7; background: #ecf6ff;}
.appo_calender_tb th.sun,
.appo_calender_tb td.sun {color:#be1348; background: #ffeff3;}

.appo_calender_tb a {display:flex; justify-content: center; align-items: center; margin:0 auto; height:39px; max-width:39px; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; 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; background-color:#345bab; border-top-left-radius: 50%; border-bottom-right-radius: 50%;}
.appo_calender_tb .cal_all {color:#fff; background-color: #437de9;  border-radius: 50%;}
.appo_calender_tb .cal_morning {color:#fff;  background-color:#009e98; border-radius: 6px;}
.appo_calender_tb .cal_afternoon.done {  background-image: url(../images/cnt/calen_0102_w.png); }
.appo_calender_tb .cal_all.done {  background-image: url(../images/cnt/calen_0103_w.png); }
.appo_calender_tb .cal_morning.done { background-image: url(../images/cnt/calen_0101_w.png);}
.appo_calender_tb .done span {font-weight: 300; opacity:  0.8;}
.appo_calender_tb .ac {color:#fff;  background-color:#0a51a1; border-color:#0a51a1; border-radius: 0;}
.appo_calender_tb .ac span {text-decoration: underline; text-underline-offset: 3px; }



.appo_cal_label {display:flex; justify-content: center; gap:16px; margin:1.25rem 0 2rem;  font-size:15px; text-align: center;}
.appo_cal_label + .appo_cal_label {margin-top:-1.5rem;}
.appo_cal_label > li {font-weight: 500;}
.appo_cal_label > li:before {content:''; display:inline-block; margin-right:5px; width:20px; height:20px; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; box-sizing: border-box; vertical-align: text-bottom; }
.appo_cal_label li.cal_all:before {background-color:#437de9;  border-radius: 50%;}
.appo_cal_label li.cal_morning:before {background-color: #009e98; border-radius: 3px;}
.appo_cal_label li.cal_afternoon:before {background-color:#345bab; border-top-left-radius: 50%; border-bottom-right-radius: 50%;}
.appo_cal_label li.cal_afternoon.done:before {  background-image: url(../images/cnt/calen_0102_w_s.png); }
.appo_cal_label li.cal_all.done:before {  background-image: url(../images/cnt/calen_0103_w_s.png); }
.appo_cal_label li.cal_morning.done:before { background-image: url(../images/cnt/calen_0101_w_s.png);}
.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: 0; padding:1.25rem; 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:#009e98; border-color:#009e98;} 
.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:#3d76e7; 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:52px; 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;}
@media (max-width:1560px) { 
  .pc .appo_divi { gap: 10px;}
  .pc .appoint_docs_schedule { width: calc(75% - 20px);}

}
@media (max-width:1400px) { 
  .pc .appo_cnt_box { padding-right: 15px ; padding-left: 15px ; }
  .pc .appo_step01_box .kr_initial_result {padding-right: 15px ; padding-left: 15px ;}
  .pc .c_doc_info0102 .c_doc_info_photo { margin-right: 1rem; }
}

.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; margin:0; gap:0; /*padding: 1rem 1.25rem;*/background:#fff; }
.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 .btn_area_btm .btn { height: 3.75rem;}
.mo .pop_appoint .btn_area_btm .btn.btn_reserv {  background-color: #c2c2c2;	border-color: #c2c2c2;}
.mo .pop_appoint .btn_area_btm .btn.btn_reserv span {color:#fff;}
.mo .pop_appoint .btn_area_btm .btn.btn_reserv.active {    background-color: #437dea;  border-color: #437dea;}

.mo .pop_appoint {display:block; padding:0; min-width:375px;  background:#fff;}
.mo .pop_appoint .h1_w {display:flex;  align-items: center; margin:0; padding:0 1.25rem; height:85px;background:#fff; 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); background-size:1.875rem auto; 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:flex; flex-direction: column; margin:0; height:100%; }

.mo .appo_cnt_box,
.mo .pop_appoint article section.appoint_myInfo_check {padding:1.5rem 1.25rem 1.25rem; border:none;}

.mo .appo_step_box .appo_txt_info02 {left:0; right:0;}

.mo .appo_step01_box .kr_initial_result { height: auto; min-height: 41rem; padding-top:1rem; padding-bottom:1rem}
.mo .appo_step02_box .doc_list_w { margin-right:0; height: 100%;}

.mo .appo_step_box {flex:1; height: auto; overflow:hidden; overflow-y: auto;}
.mo .appo_step_box.in_layer {overflow: hidden;}

.mo .appo_divi .appo_cnt_box {display:flex;    flex-direction: column; height: 100%; overflow-y: auto;}

.mo .appo_divi .appo_step02 .appo_cnt_box {height: 100%;}


.mo .kr_initial_list {    flex-wrap: nowrap; gap:0.25rem; height: 41rem;}

.mo .appo_select_time {margin-top:0; height: auto;}


@media (max-width:768px) { 
  .mo .pop_appoint .h1_w,
  .pop_layer .pop_hd { height: 4.125rem;}
  .pop_layer .pop_hd .x_logo_w img { height: 2.875rem;}
  .mo .pop_appoint .h1_w .pop_close {background-size:1.5rem auto;}
}


/* 진료카드, 바코드 */
.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.375rem; 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; gap:1rem; 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:45%; height: 100%; background: url(../images/comm/logo_hd_2x.png) no-repeat 100% 100%; 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; letter-spacing: 0;}
.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; max-width:100%!important;}
.c_medicalCard .x_barcode > span img {max-width:100%!important;}
.c_medicalCard .barcode_num {color:#999;}
.c_medicalCard .btn_icon  {color:#636363;}


/* 의료진 리스트 */
.c_doc_list {display:flex; flex-wrap: wrap; gap:2rem 6%;}
.c_doc_list > li {flex:1 0 40%; padding:2rem 0; max-width:47%; border-top:1px solid #ddd;}
.c_doc_list > li.w_wide {max-width:none;}

.x_doc_info {display:flex;}
.x_doc_info .img {flex:0 0 172px; 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%; background:#f7f7f7;}
.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:1.625rem; }
.x_doc_info .tit .x {font-size:1.0625rem; color:#437df4;}
.x_doc_info .txt {flex:1; margin-bottom:0.5rem; font-size:1.0625rem;}
.x_doc_info .txt > dt {margin-bottom:0.25rem;  font-weight: 500; color:#616161;}
.x_doc_info .txt > dd { display:block; height: 65px; font-weight: 300; overflow-y: auto;  box-sizing: border-box;  }
.x_doc_info .btn_w {display:flex; gap:6px; max-width:360px;}
.x_doc_info .btn_w > .btn {flex:1; max-width:calc(50% - 3px); height: 2.875rem;}

.cnt_docList_block {margin-top:90px;}
.c_docInfo_block {position:relative; padding:0 50px; height: 450px; }
.c_docInfo_block:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:  url(../images/medical/duc_info_bg.png) no-repeat 50% 100%; background-size:contain; }

.swiper_docInfo_block {margin:0 auto; top:50%; transform: translateY(-50px); overflow: hidden;}
.swiper_docInfo_block .swiper-wrapper {}
.swiper_docInfo_block .swiper-slide {text-align: center;}
.swiper_docInfo_block .swiper-slide:not(.swiper-slide-active) {width:150px;}
.swiper_docInfo_block .swiper-slide a { box-sizing:border-box;}
.swiper_docInfo_block .swiper-slide .img {position:relative; background:#f4f7fe;}
.swiper_docInfo_block .swiper-slide p.t {margin-top:10px; text-align: center; font-weight: 500; color:#000;}
.swiper_docInfo_block .swiper-slide .img_thumb {width:7.625rem; height:7.8125rem; object-fit: cover;}
/*
.swiper_docInfo_block .swiper-slide-active { width:300px; background:orange; }
*/
.swiper_docInfo_block .swiper-slide-active { width:300px;}
.swiper_docInfo_block .swiper-slide-active p {margin:0 auto;}
.swiper_docInfo_block .swiper-slide-active .img:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:0.25rem solid #009e98; box-sizing: border-box;}

.c_docInfo_view {z-index:1; position:relative; padding-top:60px;}
.c_docInfo_view .photo {position:absolute; left:50%; bottom:100%; transform: translateX(-50%); width:500px;     max-width: 55%; }
.c_docInfo_view .txt_w {text-align: center;}
.c_docInfo_view .txt_w .tit .t {font-size:48px; font-weight: 500; line-height: 1;}
.c_docInfo_view .txt_w .tit .x {margin-left:1rem; font-size:22px; font-weight: 200;}
.c_docInfo_view .txt_w .tit .ico_like {margin-left:0.25rem; width:1.125rem; height: 1rem; background:  url(../images/comm/icon_heart.png) no-repeat 50% 50%; background-size:contain; }
.c_docInfo_view .txt_w .tit .ico_like.ac { background-image:  url(../images/comm/icon_heart_ac.png);}
.c_docInfo_view .txt_w .tit .ico_like.ac .ac_block {display:block!important;}
.c_docInfo_view .txt_w .tit .ico_like.ac .ac_none {display:none!important;}
.c_docInfo_view .txt_w .txt {margin-top:1.25rem;line-height: 1.5;}

.docInfo_block_btn {position:absolute; top:50%; left:0; right:0; margin-top: 10px;}
.docInfo_block_btn span {position:absolute; top:0; transform: translateY(-50%); width:2.25rem; height:2.25rem; background:#152c44  url(../images/comm/icon_swipe_arw_r.png) no-repeat 50% 50%; background-size:1.125rem auto; border-radius: 50%; opacity: 0.3;}
.docInfo_block_btn .btn_prev {left:0; background-image:  url(../images/comm/icon_swipe_arw_l.png);}
.docInfo_block_btn .btn_next {right:0; background-image:  url(../images/comm/icon_swipe_arw_r.png);}
.docInfo_block_btn span[aria-disabled="false"] {cursor: pointer;  opacity: 1;}


@media (max-width:900px) { 
  .cnt_docList_block { margin-top: 2.5rem; } 
  .c_docInfo_block {padding-right: 3%; padding-left: 3%;padding-bottom: calc(63vw); height: auto; }
  .c_docInfo_block:before {left:-3rem; right:-3rem; width:auto;}
  .swiper_docInfo_block {transform: translateY(0);}
  .docInfo_block_btn { top: 60px; left: -1rem; right: -1rem; margin:0; }
  .c_docInfo_view { padding-top: 2.5rem; }
  .c_docInfo_view .photo { max-width: calc(55% + 3rem);}
  .c_docInfo_view .txt_w .tit .t { font-size: 2.5rem; }
  .c_docInfo_view .txt_w .tit .x {    font-size: 1.25rem;}  
}
@media (max-width: 640px) { 
  .c_docInfo_block { padding-bottom: calc(67vw); }
}
@media (max-width: 560px) {
  .c_docInfo_view { padding-top: 2rem;}
  .c_docInfo_view .txt_w .tit .t { font-size: 2.25rem;}
}
@media (max-width: 390px) {
  .c_docInfo_block { padding-bottom: 260px;}
}

.depart_list {display:flex; flex-wrap: wrap; margin-right:-35px; margin-top:-35px;}
.depart_list > li {  padding-right:35px; margin-top: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:12.5rem;}
.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:4.75rem; font-size:0.9375rem; 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:1.5rem; height:1.5rem;  background:url(../images/comm/icon_24_01_01.png) no-repeat 50% 50%; background-size:contain; }
.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 0.5rem; 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; word-break: break-all;}
.c_timeTable_list .ac a,
.c_timeTable_list a:hover {z-index:1; color:#0c288e; font-weight: 500; border-color:#437dea; }
.c_timeTable_list .ac a:before,
.c_timeTable_list a:hover:before {background:#437dea;}
.c_timeTable_list .ac a:after,
.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:8.125rem; 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:6.875rem;}
@media (max-width:640px) { 
  .x_boxIp_st01 label { flex: 0 0 5.75rem; margin-left:-10px;  width: 5.75rem; font-size:1rem;}
}
@media (max-width:500px) { 
  .x_boxIp_st01 { padding-right: 0;}
  .x_boxIp_st01 .ok_btn {position:relative; margin-left:calc(5.75rem - 10px); margin-top:1.25rem; width: calc(100% - 5.75rem + 10px); height:3.5rem ;}
  
}



.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:8.75rem; height: 9.75rem; 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:1.5rem; 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;}

/* 추가 20230823 */
.c_box_st01 > .ico_img{position:relative;display: flex;margin:0 auto 1rem;width:8.75rem;height: 9.75rem;background: url(../images/comm/box_info_bg01.png) no-repeat 50% 50%;background-size: contain;justify-content: center;align-items: center;}
.c_box_st01 > .ico_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_ip02 {}
.c_box_ip02 .txt {font-size:1.125rem;}
.c_box_ip02 .btn_btm {display:flex; justify-content: center; gap:0.375rem; 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:10.625rem; height: 3.25rem; background:#fff; border:1px solid #ddd; box-sizing: border-box; border-radius: 25px;}
.sx_deco02 {display:flex; justify-content: center;  align-items: center; width:7.25rem; height: 8.25rem; 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:2.5rem; width:3.75rem; height: 3.75rem; 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; margin-top:10px; margin-bottom: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_tBox_st01 .c_box_bd .txt {line-height: 1.8;}


.x_dept_info {display:flex;}
.x_dept_info > dt {margin-right:1.875rem; font-size:1.25rem; font-weight:500; color:#009e98;}
.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: #2BA591;box-sizing: border-box;background: -moz-linear-gradient(left, #3db7b3 0%, #437dea 100%);background: -webkit-linear-gradient(left, #2BA591 0%, #437dea 100%);background: linear-gradient(to right, #2BA591 0%, #437dea 100%);}




/* 팝업 : doctor view */
.pop_doctor_view { padding-bottom: 50px; overflow-x: hidden;}
.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; margin-left:-0.625rem;}
.pop_doctor_view .hd_divi_right > * {margin:0; margin-left:0.625rem; }
.pop_doctor_view #header .hd_box a {vertical-align: middle; }
.pop_doctor_view #header .hd_box .ico_close {position:absolute; right:0; top: -0.9375rem; flex:0 0 1.875rem; width:1.875rem; height:1.875rem;}

.pop_doctor_view .sec_doctor_view {position:relative; min-height:570px; background:#ebf6ff;}
.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; box-sizing: border-box;  }
.sec_doctor_view .doctor_details .doc_details_img:before {content:''; display:block; position:absolute; left:0; bottom:0; height: 10rem; width:960px; background:#ffdde6 url(../images/medical/doc_view_bg_02.png) repeat top 8px left; background-size:3.125rem auto;}
.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;justify-content: 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:50px; padding-right:4%; width:50%; box-sizing: border-box;}
.sec_doctor_view .doctor_details .doc_details_box .btn_w {display:flex; z-index:10; position:absolute; left:100%; bottom:0; width:100%; }
.sec_doctor_view .doctor_details .doc_details_box .btn_w .btn {flex-direction: column; margin:0; padding:0 0.5rem; width:160px; height: 160px;  background-color:#003d94;   }
.sec_doctor_view .doctor_details .doc_details_box .btn_w .btn span {display:block; color:#fff; }
.sec_doctor_view .doctor_details .doc_details_box .btn_w .btn span.t {font-size:25px;}
.sec_doctor_view .doctor_details .doc_details_box .btn_w .btn span.t: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 .btn_w .btn span.x {margin-bottom: -0.625rem;	margin-top: 0.125rem; min-height: 1.5rem;	font-size:0.875rem; line-height: 1.2; font-weight: 400; word-break: break-all;}
.sec_doctor_view .doctor_details .doc_details_box .btn_w .btn.btn_c_01 {background-color:#009e98;}
.sec_doctor_view .doctor_details .doc_details_box .btn_w .btn.btn_c_02 {background-color:#ff5674;}

.sec_doctor_view .doctor_details .doc_details_box .tit_w {position:relative; max-width:540px; }
.sec_doctor_view .doctor_details .doc_details_box .tit_w .tit {display:flex; position:relative; 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:#01919f;}
.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:30px;}
.sec_doctor_view .doctor_details .doc_details_box .txt dt {position:relative; margin-bottom:0.625rem; padding-left:0.75rem; font-size:1.375rem; 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:0.375rem; height:0.375rem;  background:#003d94; }
.sec_doctor_view .doctor_details .doc_details_box .txt dd {display:block; margin-left:12px; font-size:1.125rem; 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 {  font-size:0.875rem; text-align: right;}
.sec_doctor_view .tb_side .label_check_list,
.sec_doctor_view .tb_side2 .label_check_list { color:#01919f; line-height: 1.25; }
.sec_doctor_view .icon_labelScedule {width:1.25rem; height:1.25rem;} 
.sec_doctor_view .tb_side .label_check_list {position: relative;padding-top: 5px;}
.sec_doctor_view .tb_side2 { margin-top:0.375rem;}
.sec_doctor_view .tb_side2 .label_check_list {margin-bottom:-0.5rem;}
.sec_doctor_view table + .label_check_list {margin-top:0.5rem;  color:#01919f;}
.sec_doctor_view .label_check_list > span {position:relative;margin-left:1rem;letter-spacing: -1.5px;}
.sec_doctor_view .label_check_list > span:not(:first-child):before {content:''; display:block; position:absolute; left:-0.5rem; top:0.25rem; width:1px; height:0.75rem; background:#ddd;}
.sec_doctor_view .label_check_list > br + span:not(:first-child):before {display:none;}
.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: 2.375rem;}
@media (max-width:640px) { 
	.sec_doctor_view .label_check_list > span {margin-left: 0.625rem; }
	.sec_doctor_view .label_check_list > span:not(:first-child):before {display:none;}
	.sec_doctor_view .icon_labelScedule {width:1rem; height:1rem;} 
	
}

.sec_doctor_view .tb_deco01 {    margin-top: 1rem; margin-bottom:1rem; background:none; border-top:1px solid #9ec2cc;}
.sec_doctor_view .tb_deco01 th,
.sec_doctor_view .tb_deco01 td {font-size:0.875rem; height: 2.5rem; background:none; border-color:#9ec2cc;}
.sec_doctor_view .tb_deco01 th {padding-left:0; text-align: left; color:#01919f;}
.sec_doctor_view .tb_deco01 th .t_dot {    padding-left: 0.4375rem;}
.sec_doctor_view .tb_deco01 th .t_dot:before {top: 0.4375rem; width:0.25rem; height:0.25rem; background:#05b2bd;}
.sec_doctor_view .tag_list { display:inline-flex; flex-wrap: wrap; gap:0.25rem 1.205rem;}
.sec_doctor_view .tag_list .tag_t {padding:0 0.375rem; margin-right: 0.125rem; height:1.25rem; font-size:0.8125rem; color:#fff; font-weight: 300; line-height: 1.25rem; letter-spacing: -1px; background:#05b2bd; border-radius: 0.625rem;}
.sec_doctor_view .tag_list .tag_t.bg_b {background:#4a77b7;}

.x_c_txt {}
.x_c_txt > li {display:block;}
.x_c_txt > li:not(:last-child) {margin-bottom:3px;}

.sec_doctor_schedule {margin-bottom:50px;}
.sec_doctor_view .x_c_txt {margin-top:0.875rem; font-size:0.9375rem; color:#666666;}
.sec_doctor_schedule .x_c_txt { margin-top: -30px; }
  
.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; bottom:auto; 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: 5.25rem; text-align: center; }
.sec_doctor_schedule .h_w h3 {font-size:1.75rem; 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:1.375rem; margin-bottom:12px; width:2.5rem; height:2.5rem; 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: 1.875rem 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; position:relative; text-align: center;font-size:14px; font-weight: 300; overflow: hidden;}
.sec_doctor_schedule .doc_schedule_list .c_doc_calendar_left {flex: 0 0 45px; position:relative; z-index:10; }
.sec_doctor_schedule .doc_schedule_list .doc_calendar {flex:1; display:flex;}
.sec_doctor_schedule .doc_schedule_list dl dt,
.sec_doctor_schedule .doc_schedule_list dl dd {display:flex;     justify-content: center; align-items: center;}
.sec_doctor_schedule .doc_schedule_list dt {padding:2px 3px ; height:46px; color:#888; border-right:1px solid #f2f2f2; border-bottom:1px solid #796f6d; border-top:1px solid #796f6d; box-sizing: border-box;}
.sec_doctor_schedule .doc_schedule_list dd {height:40px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#f8f8f8;}
.sec_doctor_schedule .doc_schedule_list dd + dd {border-bottom:none;}
.sec_doctor_schedule .doc_schedule_list .x_holi dt {color:#c2ac9a; }
.sec_doctor_schedule .doc_schedule_list .x_holi.sat,
.sec_doctor_schedule .doc_schedule_list .x_holi.sat dd {background:#ecf6ff;}
.sec_doctor_schedule .doc_schedule_list .x_holi.sat dt {color:#4a77b7;}
.sec_doctor_schedule .doc_schedule_list .x_holi.sun,
.sec_doctor_schedule .doc_schedule_list .x_holi.sun dd {background:#ffeff3 ;}
.sec_doctor_schedule .doc_schedule_list .x_holi.sun dt {color:#be1348;}
.sec_doctor_schedule .doc_schedule_list .ac dt {color:#000; }

.sec_doctor_schedule .doc_schedule_check {padding:0.625rem 0 0.75rem; text-align: right; }
.sec_doctor_schedule .doc_schedule_check span {margin-left:1.875rem;}
.sec_doctor_schedule .doc_schedule_check span img + em {margin:0 5px;}

.sec_doctor_schedule .doc_schedule_list .cal_noData {display:flex; justify-content: center;	align-items: center; z-index:11; position:absolute; left:0; top:0; right:0; bottom:0; font-size:1.125rem; color:#fff; background:rgba(0,0,0,0.6);    border-top: 1px solid #757c99;}

.pop_doctor_view .tab_tit_list {overflow-x: auto;}
.pop_doctor_view .tab_tit_list a {white-space: nowrap;}

.pop_doctor_view .tab_cnt_st01 {background: url(../images/comm/sub_docView_bg.png) no-repeat right 50px bottom;}

@media (max-width:1280px) {
	.pop_doctor_view #header {height: 85px;}
	.pop_doctor_view .hd_layer { top: 85px; padding:0; }
	.pop_doctor_view .sec_doctor_view {background:none;}
	.pop_doctor_view .sec_doctor_view:before {display:none;}	

	.pop_doctor_view .sec_doctor_view {height: auto;}
	.sec_doctor_view .doctor_details {flex-direction: column-reverse;}
	.sec_doctor_view .doctor_details .doc_details_img {fleX:none; margin:0 -25px; padding:0 25px; width:calc(100% + 50px); background:#fff url(../images/medical/doc_view_bg.png) no-repeat 50% 50%; background-size: contain;}
	.sec_doctor_view .doctor_details .doc_details_img:before {width:100%;}
	.sec_doctor_view .doctor_details .doc_details_img .swiper {margin:0 auto; width:100%; max-width:600px;}	

	.sec_doctor_view .doctor_details .doc_details_box {margin:0 -25px;  padding:40px 25px; width:calc(100% + 50px); background: #e2f2ff;}
	.sec_doctor_view .doctor_details .doc_details_box .btn_w {    justify-content: flex-end; left:auto; right:0; bottom:100%; width:100%; }
	.sec_doctor_view .doctor_details .doc_details_box .tit_w {max-width:none;}

	.sec_doctor_view .doctor_details .doc_details_box .tab_w .tab_tit {margin:0 0 1.25rem; height: auto;}
	.sec_doctor_view .doctor_details .doc_details_box .tab_w .tab_cnt_st01 {height: auto; overflow: inherit;}
	.sec_doctor_view .doctor_details .doc_details_box .tab_cnt_st01 > div {height: auto; max-height: 300px; margin-right:-0.25rem; }
	.sec_doctor_view .doctor_details .doc_details_box .tit.tit_ch span { padding-left: 1.75rem; }
	.sec_doctor_view .doctor_details .doc_details_box .tab_cnt {font-size:1rem;}
	.sec_doctor_view .doctor_details .doc_details_box .tit {margin-top:0.5rem; margin-bottom:1.5rem;}
	.sec_doctor_view .doctor_details .doc_details_box .tit .t_name { font-size: 2.5rem; }
	.sec_doctor_view .doctor_details .doc_details_box .tit .t_depart { margin-left: 0.5rem; font-size: 1.375rem; }
	.sec_doctor_view .doctor_details .doc_details_box .tit .ico_like { top: 0; margin-left: 0.625rem; width: 1.75rem; height: 1.75rem; vertical-align: super;}
	.sec_doctor_view .doctor_details .doc_details_box .txt {margin-bottom:0; height: auto; font-size: 1.25rem; }
	.sec_doctor_view .doctor_details .doc_details_box .txt dd {max-width:none; font-size:1.0625rem;}
}
@media (max-width:1160px) {
	.pop_doctor_view .dl_initial_box { flex-direction: column; align-items: center; gap: 1.25rem; padding:1rem 5%;}
}
@media (max-width:1024px) {
	.sec_doctor_schedule .x_c_txt { margin-top: 0;}
}
@media (max-width:900px) {
	.pop_doctor_view .hd_layer { top: 145px; }
	.pop_doctor_view #header {height:auto;}
	#header .hd_box.in_cover > .in_w {display:block;}
	.pop_doctor_view #header h1 {height: 85px;}
	.pop_doctor_view #header h1 a {height: 100%;}
	.pop_doctor_view .hd_divi_right { justify-content: flex-end; padding:0.625rem 0;     margin-bottom: 0.625rem;}
	.pop_doctor_view #header .hd_box .btn_w2 {display:flex;     align-items: center; position:absolute; right:0; top:0; height: 85px;}

	.x_docList_st01 { gap: 2.5rem 1.875rem; padding: 1.5rem 5%; }
}
@media (max-width:768px) {
	.x_doc_detailList.divi2 > li {width:100%;}
	.x_doc_detailBox {padding:1rem 5%;}

	.pop_doctor_view .hd_layer {top: 8rem;}
	.pop_doctor_view .hd_layer > .in_w {padding-top:2.5rem;}
	.pop_doctor_view #header .hd_box .ico_close {top:0;}

	.pop_doctor_view .hd_divi_right .btn_st02 {}
	.pop_doctor_view .hd_divi_right .btn_st02:before { right:0.25rem; top:50%; margin-top:-0.9375rem; width:1.875rem; height: 1.875rem;}
	.pop_doctor_view .hd_divi_right .ip_st02_w .ip_btn:before { right:0.3125rem; top:50%; margin-top:-0.9375rem; width:1.875rem; height: 1.875rem;}
	.pop_doctor_view .hd_divi_right .btn_w {display:flex; gap:0.25rem;}
	.pop_doctor_view #header .hd_box a.w_13 {padding:0 1rem; width:auto;}
	.sec_doctor_view .swiper-container-horizontal > .swiper-pagination-bullets {top:0;}

	.x_dept_list { padding: 0.5rem 0;}
	.x_dept_list a {padding:0.375rem 0.875rem;}
	.x_dept_list_w ul.bg > li, 
	.x_dept_list > li { width: calc(33.3% - 6.6px );}
	.x_dept_list_w ul.bg > li:nth-child(4) {display:none;}
}
@media (max-width:640px) {
	.sec_doctor_view .doctor_details .doc_details_box {margin: 0 -20px; padding:2rem 20px; width: calc(100% + 40px);}
	.sec_doctor_view .doctor_details .doc_details_box .btn_w .btn { height: 4.875rem; width: 50%;  max-width: 240px;  }
  .sec_doctor_view .doctor_details .doc_details_box .btn_w .btn span.t {font-size:1.5rem;}
  .sec_doctor_view .doctor_details .doc_details_box .btn_w .btn span.t:before {display:none;}
	.sec_doctor_view .doctor_details .doc_details_box .btn_w .btn span {display:flex; align-items: center;}
	.sec_doctor_view .doctor_details .doc_details_box .btn_w .btn span:before {position:relative; top:2px; margin:0; margin-right:0.625rem; width:2rem; height:2rem;}
	.sec_doctor_view .doctor_details .doc_details_box .tit_w {max-width:none;}

	.doc_details_img .swiper-pagination-bullet { width: 1.75rem; height: 1.75rem; }
}
@media (max-width:480px) {
	.dl_initial_box > dt {    margin-left: -10px; margin-right: -10px;}
	.x_dept_list_w ul.bg > li, 
	.x_dept_list > li { width: calc(50% - 5px );}
	.x_dept_list_w ul.bg > li:nth-child(3) {display:none;}
	.sec_doctor_view .doctor_details .doc_details_box .tit { margin-top: 0; }
}

.doc_detailTxt_01 {line-height: 1.8;}

.x_doc_detailList {display:flex;     flex-wrap: wrap; margin-right:-10px; margin-top:-10px; }
.x_doc_detailList > li { display:block; padding-right:10px; margin-top:10px; width:100%; box-sizing: border-box;}
.x_doc_detailList.divi2 > li { width:50%;}
.x_doc_detailBox {padding:16px 25px; line-height: 1.8; font-weight: 300; background:#fff url(../images/comm/sub_docView_icon0101.png) no-repeat right 1.25rem bottom 0.9375rem; background-size:1.875rem auto; border:1px solid #ddd; box-sizing: border-box;}
.detail01 .x_doc_detailBox {background-image: url(../images/comm/sub_docView_icon0101.png);}
.detail02 .x_doc_detailBox {background-image: url(../images/comm/sub_docView_icon0102.png);}
.detail03 .x_doc_detailBox {background-image: url(../images/comm/sub_docView_icon0103.png);}
.x_doc_detailBox > p {position:relative; padding-left:1rem;}
.x_doc_detailBox > p:before {content:''; display:block; position:absolute; left:0; top:12px; width:5px; height:5px; background:#2357b8; border-radius: 50%;}

.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:-1px; 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;}

/* 모바일 카드 */
.sub_card {display:block; background:#edf8f9;}
.sub_card .contents {margin-top:0;}
.sub_card.sub #header:before {height: 1px; background:#dadadb;}
.sub_card #header .hd_sbox,
.sub_card #header nav {display:none;}
.sub_card .hd_box02 > .in_w { justify-content: space-between;}

.sub.sub_card article {position:relative; margin:0 auto;  padding-bottom:3.75rem; max-width:640px; }
.sub.sub_card article.at_card01 {padding-top: 5rem;}
.sub.sub_card article.at_card02,
.sub.sub_card article.at_card03 {padding:0;}
.sub.sub_card article.at_card02 > .in_cover,
.sub.sub_card article.at_card03 > .in_cover {padding:0 ;}
.sub.sub_card article.at_card02 .btn_area_btm,
.sub.sub_card article.at_card03 .btn_area_btm {padding-right:1.25rem; padding-left:1.25rem;}

.sub_card article .in_cover {position:relative;}
.sub_card article h3 {margin-bottom:1.5rem; font-size:1.875rem; text-align: center; font-weight: 400;     line-height: 1.2;}
.sub_card article.at_card01 h3 {margin-bottom:2.125rem; }
.sub_card article h4 {font-size:1.625rem;}
.sub_card article .cnt {margin-bottom:2.5rem;}

.c_card_list {display:flex; flex-wrap: wrap; gap:1.25rem; margin:0 auto; max-width:370px;}
.c_card_list > li {width:calc(50% - 0.625rem);}

.sub_card .h_side {position:relative;}
.sub_card .h_side > .w {display:flex; gap:0.375rem; position:absolute; right:0; bottom:0.375rem;}

.sub_card .btn_area_btm {margin-top: 1.75rem;margin-bottom:0;}
.sub_card .btn_area_btm .btn {height:2.875rem;}
.sub_card .at_card01 .btn_area_btm {margin-top: 2.5rem;}
.at_card03 .btn_area_btm {gap:0.375rem;}
.sub_card .btn {font-size:1rem;}
.at_card01 .btn_go { padding:0 20px; font-size:15px;}
.sub_card .bnt_s_s,
.sub_card .ip_s_s,
.sub_card select { height:2.25rem; border-radius: 0.375rem; }
.sub_card select {padding-left:0.5rem; padding-right:1.625rem; background-position:center right 0.375rem;}
.sub_card .btn_area_btm .btn_cacao {width: 2.875rem; background: url(../images/card/moCard_sns01.png) no-repeat 50% 50%; background-size:contain; border-color:#f9e000;}
.sub_card .ip_s_s {text-align: center;}

.sub_card article.at_card01:before,
.sub_card article.at_card01 .bg:before,
.sub_card article.at_card01 .bg:after {content:''; display:block; position:absolute;  background: url(../images/card/moCard_img01.png) no-repeat 0 0; background-size:contain;} 
.sub_card article.at_card01:before { left:50%; top:4.5rem; transform: translateX(-50%); width:20rem; height:4.75rem; background: url(../images/card/moCard_img03.png) no-repeat 50% 0; background-size:contain;}
.sub_card article.at_card01 .bg {position:absolute;left: 0;top: 0;width:100%;height:100%;}
.sub_card article.at_card01 .bg:before { right: 50%; top: 0.75rem; margin-right:-1.25rem; width: 16.875rem;height: 7.25rem;}
.sub_card article.at_card01 .bg:after { left:50%; margin-left:5.875rem; bottom:3.75rem; width:15rem; height:10.5rem; background: url(../images/card/moCard_img02.png) no-repeat 0 0; background-size:contain;}

.c_card_edit {position:relative;}
.edit_w {position:absolute; left:0; bottom:0; right:0; padding:1.5rem 1.25rem ;  background: rgba(0,0,0,0.4);}
.sub_card .edit_w h4 {margin:0 0 -0.125rem; padding-bottom:0.5rem; width:6.5rem; height:2.25rem; line-height:2.25rem;  font-size:1.125rem; color:#437dea; text-align: center; background:#fff; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem;}
.edit_w .edit { padding:0.625rem; background:#fff; border-radius: 0.375rem; border-top-left-radius: 0;}
.edit .edit_txt {display:flex; align-items: center; justify-content: space-between; position:relative;padding: 0.5rem 0 0.375rem;}
.edit .edit_txt .inline_list {gap: 1.25rem;}
.edit .edit_txt .ip_inline {gap:0.625rem;}
.edit .edit_txt .color .c,
.edit .edit_txt .color_list span {width:1rem; height:1rem; background-color:#000; }
.edit .edit_txt .color_list {display:flex; gap:0.875rem; z-index:1; position:absolute; bottom:100%; left:50%; transform: translateX(-50%); margin-bottom:-0.25rem; padding:0.75rem; background:#fff; border:1px solid #bbb; border-radius: 0.375rem; box-sizing: border-box;}
.edit .edit_txt .color_list > li {display:block; width:1rem; height:1rem;}
.edit .edit_txt .color_list span {box-sizing: border-box;}
.edit .edit_txt .color_list span.color_01 {background-color:#fff; border:1px solid #ccc;}
.edit .edit_txt .color_list span.color_02 {background-color:#000;}
.edit .edit_txt .color_list span.color_03 {background-color:#003D94;}
.edit .edit_txt .color_list span.color_04 {background-color:#E60012;}
.edit .edit_txt .color_list span.color_05 {background-color:#FED63F;}
.edit .edit_txt .bold .t {    padding: 0.25rem ; color:#666; width:1.5rem; text-align: center; box-sizing: border-box;}
.edit .edit_txt .bold .t.bb {font-weight: 600; color:#000;}
.edit .edit_txt input[type="text"].ip_s_s {padding-right:0.25rem; padding-left:0.25rem; width:6.25rem;}


.sub_card .edit_tit {display:block;justify-content: center;position:absolute;top: 37.56%;left: 50%;transform: translateX(-50%);width: 100%;height: 48.86%;padding: 2% 13%;text-align: center;font-size:16px;line-height: 1.6;word-break:break-all;box-sizing: border-box;}
.sub_card .edit_tit .f_size_small {font-size: 16px; letter-spacing: -2px;}
.sub_card .edit_tit .f_size_medium {font-size: 20px; letter-spacing: -2px;}
.sub_card .edit_tit .f_size_large {font-size: 24px;letter-spacing: -2px;}

@media (max-width:640px){
	.sub_card .edit_tit .f_size_small {font-size: 4vw; letter-spacing: -2px;}
	.sub_card .edit_tit .f_size_medium {font-size: 4.4vw; letter-spacing: -2px;}
	.sub_card .edit_tit .f_size_large {font-size: 4.8vw;letter-spacing: -2px;}
	#downloadImage_msg.f_size_small {font-size: 6vw; letter-spacing: -2px;}
	#downloadImage_msg.f_size_medium {font-size: 6.4vw; letter-spacing: -2px;}
	#downloadImage_msg.f_size_large {font-size: 6.8vw; letter-spacing: -2px;}
}

.sub_card .card_01 .edit_tit { top:40% !important; bottom:25%;}
.sub_card .card_02 .edit_tit { top:40% !important; bottom: 25%;}
.sub_card .card_03 .edit_tit { top:40%; bottom:52%;}
.sub_card .card_04 .edit_tit { top:40%; bottom:13%;}

.sub_card .edit_tit .edit_x.color_01 {color:#fff;}
.sub_card .edit_tit .edit_x.color_02 {color:#000; font-weight: 500;}
.sub_card .edit_tit .edit_x.color_03 {color:#003D94;}
.sub_card .edit_tit .edit_x.color_04 {color:#E60012;}
.sub_card .edit_tit .edit_x.color_05 {color:#FED63F;}

#cardMsg_toNm,
#downloadImage_msg_toNm{text-align:right;}

.c_cardUse_list > li {display:flex; align-items: center;  justify-content: center; gap:1rem; position:relative; height: 4.125rem; font-size:1.0625rem; background:#fff; border:1px solid #dce0e9; box-sizing: border-box;}
.c_cardUse_list > li:not(:last-child) {margin-bottom:0.625rem;}
.c_cardUse_list > li:not(:last-child):before {content:''; display:block; z-index:1; position:absolute; left:50%; top:100%; transform: translate(-50%, -45%); width:2.125rem; height:2.875rem; background: url(../images/card/moCard_arw.png) no-repeat 0 0; background-size:contain;}
.c_cardUse_list > li .icon {width:2.75rem; height: 3.0625rem; background: url(../images/card/moCard_icon01.png) no-repeat 0 0; background-size:contain;}
.c_cardUse_list > li .icon em {display:block; width:100%; height:100%; background: url(../images/card/moCard_icon01_01.png) no-repeat 0 0; background-size:contain;}
.c_cardUse_list > li .icon.icon0101 em {background-image: url(../images/card/moCard_icon01_01.png);}
.c_cardUse_list > li .icon.icon0102 em {background-image: url(../images/card/moCard_icon01_02.png);}
.c_cardUse_list > li .icon.icon0103 em {background-image: url(../images/card/moCard_icon01_03.png);}
.c_cardUse_list > li .icon.icon0104 em {background-image: url(../images/card/moCard_icon01_04.png);}
.c_cardUse_list > li .t {width:11rem; white-space: nowrap;}

.sub_card .cnt.c_divi {gap:0.625rem}
.sub_card .cnt.c_divi > div {width:calc(50% - 0.3125rem);}

.sub_card .ol_list {margin-top:1.25rem; font-size:1.0625rem;}
.sub_card .ol_list > li {    padding-left: 2.75rem; text-align: left; line-height: 2rem; font-weight: 500; color:#636363;}
.sub_card .ol_list > li::before {    content: '';  width:2rem; height: 2rem; background: url(../images/card/ol_num01.png) no-repeat 50% 50%; background-size:contain;}
.sub_card .ol_list > li:not(:last-child) {margin-bottom:0.375rem;}
.sub_card .ol_list > li:nth-child(1)::before {background-image: url(../images/card/ol_num01.png);}
.sub_card .ol_list > li:nth-child(2)::before {background-image: url(../images/card/ol_num02.png);}
.sub_card .ol_list > li:nth-child(3)::before {background-image: url(../images/card/ol_num03.png);}
.sub_card .ol_list > li:nth-child(4)::before {background-image: url(../images/card/ol_num04.png);}

/* 20241219 추가 */
.sub_card .notice_box{position:absolute;top:0;left:50%;transform: translateX(-50%);display:flex;width: 510px;height: 53px;max-width: 80%;justify-content: center;align-items: center;text-align: center;background: #c8e7e9;z-index: 1;border-radius: 0 0 15px 15px;color: #003d94;}

@media (min-width: 1161px) {
  .sub_card #header, 
  .sub_card .hd_box02.in_cover > .in_w { height: 85px;}
}
@media (max-width: 580px) {
	.edit .edit_txt > .txt {min-width:6.25rem;}
	.edit .edit_txt .mx_none {display:none;}
	.edit .edit_txt .inline_list { gap: 0 3.625vw;}
}
@media (max-width: 460px) {
	.edit_w {padding: 1.25rem 1rem; }
	.edit .edit_txt input[type="text"].ip_s_s { width: 5.625rem;}
	.edit .edit_txt > .txt { min-width: 5.625rem;}
}
@media (max-width: 390px) {
	.edit_w {padding: 1rem 0.75rem;}
}


.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; font-size:1.125rem; 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);
  }

}



@media (min-width:1301px) {
  .sec_doctor_schedule .doc_schedule_list .doc_calendar dl { flex: 1; width: auto; } 
}


/* 20240627 */
/* 간호간병통합서비스 입원생활 Q&A */
.qna_wrap{font-size:1rem; font-weight:400; color:#636363; line-height:1.875rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:2.5rem;}
.qna_wrap .qna_q{padding:.875rem 1.75rem; border-bottom:1px solid #ddd;}
.qna_wrap .qna_q .q_txt{display:block; position:relative; padding-left:24px; }
.qna_wrap .qna_q .q_txt:before{content:"Q"; position:absolute; top:0; left:0; display:block; width:30px; height:30px; font-size:16px; font-weight:700; color:#505151;}
.qna_wrap .qna_a{padding:.875rem 1.75rem; background:#f8f8f8;}
.qna_wrap .a_txt{display:block; position:relative; padding-left:24px;}
.qna_wrap .a_txt:before{content:"A"; position:absolute; top:0; left:0; display:block; width:30px; height:30px; font-size:16px; font-weight:700; color:#505151;}


/* 의무기록사본발급 */
.qr_box{display:block; width:124px; height:144px; }
.qr_box img{max-width:100%; }
@media (max-width:680px){
	.qr_box{margin-bottom:10px;}
}


/* 20250626 KJH 명의 */
.f_c_g { color: #636363; }

/* 명의_상단박스 */
.documentary_top_box { display: flex; gap: 70px; align-items: center; }
.documentary_top_box > dd { line-height: 1.5; }

/* 명의_이름 */
.documentary_doc_name { display: flex; flex-direction: column; gap: 10px 0; line-height: 1; font-size: 1.0625rem; font-weight: 500; }
.documentary_doc_name > p { color: #7cbbeb; }
.documentary_doc_name strong { font-size: 1.625rem; }

/* 명의_이미지 */
.documentary_box > .img { max-height: none; }
.documentary_box > .img span { border: 0; width: 267px; height: 100%; }
.documentary_box > .img:before { height: 185px; }

/* 명의_프로필버튼 */
.documentary_box .txt dt { align-items: center; }
.documentary_box .txt dt .btn { top: 0; margin-bottom: 0; }
.documentary_btn_box > a { width: 190px; }

/* 명의_상세정보 */
.documentary_list { display: flex; flex-wrap: wrap; gap: 25px 0; }
.documentary_list > li { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 15px; font-size: 1rem; line-height: 1; }
.documentary_list > li > div { display: flex; align-items: center; }
.documentary_list > li > p { display: flex; align-items: center; gap: 10px; font-size: 1.0625rem; font-weight: 500; }
.documentary_list > li > a { font-size: 1rem; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 8px 15px; box-sizing: border-box; background-color: #eaf7f7; color: #3db8b2; border-radius: 3px; line-height: 1; }
.documentary_list > li span { color: #616161; font-weight: 300; }

/* 명의_진료분야 */
.documentary_info > span { width: 100%; line-height: 1.3;}

/* 명의_회차 */
.documentary_date > p { line-height: 1; font-size: 1rem; display: flex; gap: 6px; box-sizing: border-box; font-weight: 500; }
.documentary_date > p:first-of-type{ border-right: 1px solid #d7d7d7; padding-right: 10px; margin-right: 10px; }

/* 명의_방송제목 */
.documentary_tit { display: block; position: relative; }
.documentary_tit strong { position: relative; z-index: 2; font-size: 1.6875rem; letter-spacing: 1px; color: #003d94; font-family: "THEFACESHOP"; text-decoration: underline;  text-decoration-color: #f4f8ff; text-decoration-thickness: 15px; text-underline-offset: -5px; text-decoration-skip-ink: none; }

/* 명의_방송내용 */
.documentary_txt { line-height: 1.5; letter-spacing: -0.25px; }

@media(max-width:1200px){
  .documentary_box > .img { margin-right: 30px; }
  .documentary_list_wrap > li { padding: 30px; }
  .documentary_btn_box > a { width: 150px; }
}

@media(max-width:860px){
  .documentary_box > .img { margin-right: 20px; }
  .documentary_box .txt dt a.btn { width: 130px; }
}

@media(max-width:780px){
  .documentary_top_box { gap: 30px; }
  .documentary_box { position: relative; }
  .documentary_box > .img { margin-right: 0; padding: 10px 10px 0 0; position: absolute; top: 0; right: 0; }
  .documentary_box > .img span { width: 150px; height: auto; }
  .documentary_box > .img:before { height: 155px; top: 0; }

  .documentary_list { gap: 20px 0; }
  .documentary_list > li { gap: 10px; }
  .documentary_info { padding-right: 170px; }

  .documentary_play { margin-top: 20px; padding-right: 170px; }
  .documentary_btn_box { position: absolute; bottom: 0; display: flex; width: 100%; gap: 10px; }
  .documentary_box .txt dt a.btn { flex: 1; box-sizing: border-box; }
  .documentary_txt { padding-bottom: 70px; }
  .documentary_tit strong { font-size: 1.5rem;  }
}

@media(max-width:768px){
  .documentary_box > div.img { margin-bottom: 0; }
}

@media(max-width:480px){
  .documentary_list > li > p { justify-content: center; }
  .documentary_list > li > a { width: 100%; }
  .documentary_play > p { width: 100%; }
}

/* 20250805 KJH 권역모자센터 */
.cust-short-banner_op { gap: 20px; justify-content: space-around; }
.cust-short-banner_op > i { min-width: 137px; }

@media(max-width:640px){
.cust-short-banner_op { flex-wrap: wrap; }
}