@charset "UTF-8";


/* sub_cnt02.css */
.item_box_st02 > li dl.x {display:flex;justify-content: space-between;}
.item_box_st02 > li .icon.icon_st0501 {	background-image: url(../images/cnt/icon_st0501.png); }
.item_box_st02 > li .icon.icon_st0502 {	background-image: url(../images/cnt/icon_st0502.png); }
.item_box_st02 > li .icon.icon_st0503 {	background-image: url(../images/cnt/icon_st0503.png); }
.item_box_st02 > li .icon.icon_st0504 {	background-image: url(../images/cnt/icon_st0504.png); }
.box_awaiting .item_box_st02 {margin-top:50px;}
.box_awaiting .item_box_st02 > li dl.x dd {font-size:18px;}

.item_box_st02.item_box_st0204 {display:flex; padding-right:0; padding-left:0; height:183px;}
.item_box_st02.item_box_st0204 > li {flex:1; display:block; text-align: center; background-image: linear-gradient(to bottom, black 15%, rgba(255,255,255,0) 0%); background-position:100% 100%; background-size: 1px 7px; background-repeat: repeat-y;}
.item_box_st02.item_box_st0204 > li:last-child {background:none;}
.item_box_st02.item_box_st0204 > li .icon {margin:0 auto 10px;}
.item_box_st02.item_box_st0204 .x > span {display:block;}
.item_box_st02.item_box_st0204 .x .xx {margin-top:5px; font-size:20px; font-weight: 500;}
.item_box_st02.item_box_st0204 > li.nodata { display:flex; justify-content: center;	align-items: center;}

.cnt_info_list01 > li > dl > dd .list_basic.ol_list_st0102  {margin-right:-10px;}
.c_diagram_list01 > li:nth-child(even) .c_diagram_box01 .t_st01:before {background:#fff;}

.c_diagram_box0102 .t_st01 {	bottom: 75%; }
.c_diagram_box0102 .t_st01:before { bottom: -2px; }
.c_diagram_box01 .img0401 { background-image: url(../images/cnt/icon80_0201.png);}
.c_diagram_box01 .img0402 { background-image: url(../images/cnt/icon80_0202.png);}

	/* sub_cnt02 : 진료과 */
.depart_doc0102 {border-bottom:1px solid #ddd;}
.depart_doc0102 .depart_doc_top {    flex-wrap: wrap; margin-right:-30px; margin-bottom:0;}
.depart_doc0102 .depart_doc_top > li {flex: auto; width:calc(50% - 30px); margin:0; margin-right:30px; margin-bottom: 60px;}
.depart_doc0102 .depart_doc_top > li .item_img {position:relative; width:230px; height:240px;  background:#fff url(../images/comm/bg_ainLogo01.png) no-repeat 50% 50%; background-size: 130px auto; box-sizing: border-box;  overflow: hidden;}
.depart_doc0102 .depart_doc_top > li .item_img img {position:absolute; left:50%; top:0; 
	-webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.depart_doc0102 .depart_doc_info {flex:1;}
.depart_doc0102 .depart_doc_info .doc_info_top {height:auto; background:none;}
.depart_doc0102 .doc_info_top .doc_info_txt01 {margin-top: 20px;}
.depart_doc0102 .doc_info_top .doc_info_txt03 {margin-top:20px;}
.depart_doc0102 .doc_info_top > .list_basic {margin-bottom:0; margin-right:-5px; padding-right:10px; height:95px; overflow-y: auto;}



/* 통합검색 */
.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;}


/* 온라인 진료예약 */

.appo_divi {display:flex; }
.appo_divi .appo_medical_step:not(:last-child) {margin-right:20px;}

.appo_step_tit {    flex: 0 0 80px;  display:flex; align-items: center; justify-content: center; margin:0; font-size:22px;}
.appo_step_tit .t {margin-right:5px;}
.appo_step_tit .t:after {content:" - "; display:inline-block;}

.appo_medical_step {display:flex;  flex-direction: column; position:relative; padding: 0 20px 20px;  height: 800px;   background:#fff; border:1px solid #ddd; box-sizing: border-box;}
.appo_medical_step > div,
.appo_medical_step > ul {position:relative;}
.appo_medical_step .appo_txt_info {z-index:10; position:absolute; left:0; top:0; width:100%; height:100%; text-align: center; background: #f5f6fa}
.appo_medical_step .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_medical_step .appo_txt_info p {position:relative;}
.appo_medical_step .appo_txt_info .tit {margin-top:110px; margin-bottom:20px; font-size:24px; font-weight: 500;    line-height: 1.4;}
.appo_medical_step .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_medical_step .appo_txt_info .txt {margin-bottom:25px; color:#666666; font-size:15px; letter-spacing: -1px; line-height: 1.8;}

.appo_medical_step .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_medical_step .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_medical_step .appo_txt_info02 p {position:relative;}
.appo_medical_step .appo_txt_info02 .txt {margin-bottom:25px; color:#666666; font-size:15px; letter-spacing: -1px; line-height: 1.8;}

.appo_step01,
.appo_step03 { width:300px;}
.appo_step02 {flex:1; background:#f9f9f9;}

.appo_medical_step .initial_search {margin-bottom:30px;}
.appo_medical_step .initial_search dd {display:block; text-align: center;}
.appo_medical_step .tab_st02 {margin-bottom:20px;}

.appo_step03 .btn_w {display:flex; margin:0 -20px -20px;}
.appo_step03 .btn_w .btn {flex:1;}

.initial_result_list {}
.initial_result_list > li {display:block; margin-bottom:7px;}
.initial_result_list a {display: flex;align-items: center; padding:8px 15px 8px 20px; min-height:50px; border:1px solid #e6e6e6; box-sizing: border-box;}
.initial_result_list a.ac {color:#fff; background:#128cff; border-color:#128cff;}

.appo_step01_box.h_flex,
.appo_step02_box.h_flex {overflow: hidden;}

.appo_step01_box,
.appo_step02_box {display:flex;     flex-direction: column;}

.appo_step01_box .initial_result,
.appo_step02_box .doc_list_w {flex:1; overflow-y: auto;}

.appo_step02_box .doctors_list {margin-right:-15px; overflow-y:auto;}
.appo_step02_box .doctors_list > li {display:block; margin-bottom:35px;}
.appo_step02_box .doctors_list .txt_st01 {font-size:14px; color:#666;}

.appo_medical_step .x_slt_w {margin-bottom:20px; }
.appo_medical_step .x_slt_w select:not(:last-child) {margin-bottom:5px;}

.appo_calender {}
.appo_calender .appo_calender_top {display:flex;     justify-content: center; margin-bottom:10px; align-items: center; text-align: center;}
.appo_calender .appo_calender_top .ico {width:30px; height:30px; background:#959595; border-radius: 50%;}
.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_arw_04r_w.png) no-repeat 50% 50%; background-size: 14px auto; opacity: 0.8;}
.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 {width:130px; 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; 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 td:first-child {color:#ffb2b2;}
.appo_calender_tb td:last-child {color:#a4d3ff;}

.appo_calender_tb a {width:30px; height:30px; line-height: 30px;box-sizing: border-box;}
.appo_calender_tb .cal_today { width:100%; max-width:39px; height:39px; line-height: 33px;  border:3px solid transparent;  border-color:#1a2992;}
.appo_calender_tb .cal_yes {color:#000;  background-color:#96ccff;border-radius: 50%;}
.appo_calender_tb .ac {color:#fff;  background-color:#128cff;border-radius: 50%;}

.appo_cal_label {     margin: 15px 0 30px; font-size:14px;}
.appo_cal_label > li {margin-right:13px;}
.appo_cal_label > li:before {content:''; display:inline-block; margin-right:5px; width:20px; height:20px; border:3px solid #169b6e; box-sizing: border-box; vertical-align: text-bottom; }
.appo_cal_label li.cal_today:before {border-color:#1a2992;}
.appo_cal_label li.cal_yes:before {border-color:#96ccff; background-color: #96ccff; border-radius: 50%;}
.appo_cal_label li.cal_ac:before {border-color:#128cff; background-color: #128cff; border-radius: 50%;}

.appo_select_time {flex:1; margin:0 -20px ; padding:20px; background:#f9f9f9; border-top:1px solid #ddd;  box-sizing: border-box; overflow: hidden;}
.appo_select_time > .w {display:flex; flex-direction: column; position:relative; height:100%;}
.appo_select_time .tit {padding-bottom:10px; margin-bottom:10px; font-size:14px; font-weight: 500; border-bottom:1px solid #ddd;}
.appo_select_time .tit + .tab_st01 {margin-top:-11px; margin-bottom:13px; }


.appo_time_list {flex:1; display:flex; flex-wrap: wrap; align-content: flex-start; box-sizing: border-box;     overflow-y: auto;}
.appo_time_list > li { margin-bottom:10px; width:25%; }
.appo_time_list a {display:block; font-size:14px; font-weight: 500; color:#000; }
.appo_time_list .ac a {color:#128cff;} 
.appo_time_list .off a {text-decoration: line-through;} 

/* 온라인 진료예약 mo */
.mo .pop_appoint {display:block; padding:0; min-width:375px; background:none;}
.mo .pop_appoint .h1_w { margin:0; border-bottom:1px solid #ddd;}
.mo .pop_appoint .h1_w > .w {display:flex; align-items: center; height:60px;}
.mo .pop_appoint.in_cover > .in_w {position:fixed; max-width:none; height: 100%;}


.mo .pop_appoint .h1_w .hd_logo img {height:35px;}
.mo .hd_logo .logo_tit {top:0; font-size:20px;}

.mo .pop_appoint .appoint_docs_schedule  {flex:1;}
.mo .appo_divi {display:block; position:relative; height:100%;}
.mo .appo_medical_step {position:absolute; left:0; top:0; padding:0; height: 100%; border:none; }
.mo .appo_divi .appo_medical_step {margin:0;}
.mo .appo_step_box {padding:0 20px 20px;}
.mo .appo_step03 .appo_step_box {padding-bottom:0;}

.mo .appo_step01, 
.mo .appo_step03 {width:100%}
.mo .appo_step02 {background:#fff;}

.mo .appo_step02_box .h_w {display:flex; align-items: center; justify-content: space-between; margin-right:-20px; margin-left:-20px; padding:0 20px; height:50px; background:#f9f9f9;}
.mo .appo_step02_box .h_w .h_side {position:relative;}

.mo .pop_ft,
.pop_appoint .h1_w .h_side {display:none;}

.mo .pop_appoint .h1_w {padding:0 20px;}
.mo .pop_appoint .pop_close {right:-10px;}

.mo .appo_select_time {margin-right:0; margin-left:0;}






/*
.appoint_myInfo_check {position:absolute; width:25%; right:0; height:100%; color:#fff; background:#0b9557;}
.appoint_myInfo_check:before {content:''; display:block; position:absolute; left:0; top:50%; width:500%; height:300%; background:#0b9557; 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:25px;  padding-left:40px;}
.appoint_myInfo_check .in_w {z-index:1;}
.appoint_myInfo_check h3 {color:#fff;}
.appoint_myInfo_check .cnt {margin-bottom:40px;}
.appoint_myInfo_check .cnt:last-child {margin-bottom:0;}
.appoint_myInfo_check .box_scroll_w {padding: 20px;  background:#fff;  border-radius: 20px;}
.appoint_myInfo_check .box_scroll { padding:0; height: 120px; color:#333; border:none;}
.appoint_myInfo_check .box_scroll > li {margin-bottom:10px;}


.appo_myInfo_tb {border-top:2px solid #fff;}
.appo_myInfo_tb th,
.appo_myInfo_tb td {padding-left:4%; padding-top:11px; padding-bottom:12px; text-align: left; line-height:1.6; vertical-align: top; border-bottom:1px solid rgba(255,255,255,0.3); box-sizing: border-box;}
.appo_myInfo_tb th {width:35%; font-weight: 300; white-space: nowrap;}
.appo_myInfo_tb td {font-weight: 500; font-size:17px; }
.appo_myInfo_tb td.x_p {color:#fff507;}
*/


/* 마이아인 */
.cnt_myInfo_list01 {padding:0 40px; border:1px solid #ddd; border-top-color:#000;}
.cnt_myInfo_list01 > li {display:block; padding:35px 0;  }
.cnt_myInfo_list01 > li:not(:last-child) {border-bottom:1px solid #ddd;}

.c_myInfo {display:flex;     align-items: center;}
.c_myInfo > dt,
.c_myInfo > dd {height:100%;}
.c_myInfo > dt {position:relative; flex:0 0 195px;}
.c_myInfo dt .img {position:absolute; left:0; top:50%; margin-top:-25px; width:50px; height:50px; background:  url(../images/cnt/icon50_01.png) no-repeat 50% 50%; background-size: 50px auto;}
.c_myInfo dt .img.img_myInfo01 {background-image:  url(../images/cnt/icon50_01.png);}
.c_myInfo dt .img.img_myInfo02 {background-image:  url(../images/cnt/icon50_02.png);}
.c_myInfo dt .img.img_myInfo03 {background-image:  url(../images/cnt/icon50_03.png);}
.c_myInfo dt .tit {    padding-left: 65px; font-size:24px; font-weight: 500;}
.c_myInfo dd.date { width:215px; font-size:18px; font-weight:500; white-space: nowrap;}
.c_myInfo dd.treat {flex:1; padding:0 45px; border-left: 1px solid #ddd;}
.c_myInfo dd.treat > .list_basic {max-height:80px;}
.c_myInfo dd.treat > .list_basic > li {width:50%;}
.c_myInfo dd.btn_w {width:175px;}
.c_myInfo dd.btn_w .btn + .btn {margin-top:6px;}

	/* 마이아인 : 진료대기 현황 */
.box_divi.box_awaiting .awaiting_info {  padding-top:45px;  flex-direction: column; width:450px; }
.box_awaiting .awaiting_info h4 {font-size:24px;}
.box_awaiting .awaiting_info .awaiting_myName {margin-top:10px;}
.box_awaiting .awaiting_info .awaiting_num {margin-top:25px; font-size:44px; font-weight: 500;}
.box_awaiting .awaiting_info .btn {margin-top:5px;}


.box_awaiting .awaiting_my { justify-content: center;	align-items: center;}

.c_standBy_box { display:flex; flex-direction: column; position:relative; padding:40px; text-align: center; border-right:1px solid #ddd;}
.c_standBy_box .doc_info_w {flex:1;}
.c_standBy_box .doc_info_w .doc_photo {position:relative; margin: 0 auto; width:204px; height:205px; background:#f9f9f9 url(../images/comm/bg_ainLogo01.png) no-repeat 50% 50%;  background-size:50% auto; border:1px solid #ddd; overflow: hidden;}
.c_standBy_box .doc_info_w .doc_photo img {position:absolute; left:50%; top:50%;
	-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.c_standBy_box .doc_info_w .doc_name {margin-top:25px; font-size:24px; font-weight:500;}
.c_standBy_box .doc_info_w .doc_treat {margin-top:10px;}
.c_standBy_box .doc_info_w .doc_treat dt {font-size: 18px; }
.c_standBy_box .doc_info_w .doc_treat dd {display:block;  margin:10px auto 0; width:320px; line-height: 1.5; 
	display: -webkit-box;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.c_standBy_box .btn_area {margin-top:35px;}


.c_medicalCard_w {}
.c_medicalCard_w .medicalCard_info {padding-right:30px; width:280px; font-size:18px; box-sizing: border-box; }
.c_medicalCard_w .medicalCard_info .x_w {display:inline-block; width:110px; font-size:20px; font-weight: 500;}
.c_medicalCard_w .medicalCard_info .list_dot03 > li:before {top:14px;}

.cx_medicalCard_card { display:inline-block; min-width:300px; background:#fff; border-radius: 7px; box-shadow: 10px 10px 30px rgba(0,0,0,0.15);overflow: hidden; }
.cx_medicalCard_card > dl > dt { display:flex; align-items: center; padding:0 20px; height:45px; color:#fff; background:#152c44;}
.cx_medicalCard_card > dl > dt .t {flex:1; color:#fff; font-size:17px; font-weight: 500; line-height: 45px;}
.cx_medicalCard_card dt .btn_zoom { opacity: 0.5;}
.cx_medicalCard_card dt .btn_zoom:hover {opacity: 1;}
.cx_medicalCard_card > dl > dd {display:block; padding-top:20px; height:120px; color:#333; text-align: center; box-sizing: border-box;}
.cx_medicalCard_card .cx_barcode {margin-bottom:10px; padding:0 20px; height:52px; overflow: hidden;}
.cx_medicalCard_card .cx_barcode span {}
.cx_medicalCard_card .cx_barcode img {height:100%;}
.cx_medicalCard_card .cx_bardoce_info span + .btn {margin-left:15px;     margin-right: -30px;}

.c_box_st01 .box_tit {margin-bottom:50px;}
.c_box_st01 .item_box_st04 { margin-bottom:45px;}

	/* cnt : train */
.train_way {position:relative; margin-bottom: -15px;}
.train_way:before {content:''; display:block; position:absolute;  left:3px; top:10px; bottom:10px; width:20px; background-image: linear-gradient(to bottom, #ddd 33%, rgba(255,255,255,0) 0%); background-position:0 0; background-size: 2px 6px; background-repeat: repeat-y;}
.train_way > li {display:block; position:relative; margin-bottom: 13px; padding-left:28px; line-height: 1.3; font-weight: 350;}
.train_way > li:before {content:''; display:block; position:absolute; left:0; top:7px; width:8px; height:8px; background:#152c44; border-radius: 50%; }
.train_way > li.train_arrive:before {background-color:#14b62d;}


  /* cnt : baby album */
.cnt_babyAlbum {padding:50px 40px 40px; height:752px; background:#ebebeb url(../images/cnt/sub05_06_view_bg01.png) no-repeat 50% 50%;  background-size:cover; box-sizing: border-box;}
.box_babyAlbum .babyAlbum_txt {width:440px; height:600px;  }
div .box_babyAlbum .babyAlbum_page {display:flex; justify-content: center; position:absolute;  height:680px; background: url(../images/cnt/sub05_06_view_bg01.png) no-repeat 50% 50%;  background-size:cover; box-sizing: border-box;}
div .box_babyAlbum .babyAlbum_page0,
div .box_babyAlbum .babyAlbum_page01 {background-image: url(../images/cnt/sub05_06_album_01.png);}
div .box_babyAlbum .babyAlbum_page2 {background-image: url(../images/cnt/sub05_06_album_02.png);}
div .box_babyAlbum .babyAlbum_page1 {background-image: url(../images/cnt/sub05_06_album_03.png);}

.box_babyAlbum .babyAlbum_txt  {position:relative;}
.box_babyAlbum .img_photo,
.box_babyAlbum .page_cover01 .img_photo_w {position:absolute; left:50px; top:120px; width:340px; height:240px; overflow: hidden; border:1px solid #ddd; box-sizing: border-box;
	-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.box_babyAlbum .img_photo img { max-width:none; object-fit: cover;}
.box_babyAlbum .babyAlbum_page:not(.babyAlbum_page0) .img_photo_w:hover .img_photo,
.box_babyAlbum .page_cover01 .img_photo_w:hover .img_photo {/*border-color:#14b62d; */ box-shadow: 0 10px 20px rgba(0,0,0,0.18);}
/*
.box_babyAlbum .babyAlbum_page:not(.babyAlbum_page0):hover .img_photo:before {content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid #14b62d; }
*/
.box_babyAlbum .img_photo:hover .btn_ico_st01 {background-color:#14b62d;}

.box_babyAlbum .page_cover .img_photo,
.box_babyAlbum .page_cover01 .img_photo_w {left:50%; top:110px; margin-left: 10px; width:240px; height:240px;  border-radius: 50%;
	-webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.box_babyAlbum .page_cover01 .img_photo_w {border:none; overflow: inherit;}
.box_babyAlbum .page_cover .img_photo img,
.box_babyAlbum .page_cover01 .img_photo_w .img_photo {width:240px; height:240px; border-radius: 50%; overflow: hidden;}
.box_babyAlbum .page_cover01 .img_photo_w .img_photo {left:0; top:0; margin:0; }
.box_babyAlbum .page_cover01 .img_photo_w .img_photo img {position:absolute; left:50%;
	-webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.box_babyAlbum .page_cover01 .img_photo_w .btn_ico_st01.btn_down {right:0; bottom:0; border-radius: 50%; background-position:50% 50%; overflow: hidden;}
.box_babyAlbum .page_cover01 .img_photo_w .img_photo:hover {box-shadow:none;}
.box_babyAlbum .page_cover01.babyAlbum_txt ul { top: 420px; color:#fff;}



.box_babyAlbum .babyAlbum_txt .txt {position:absolute; top: 380px; left:50px; width:340px; text-align: left; }
.box_babyAlbum .babyAlbum_txt .txt strong {display:inline-block; margin-bottom:10px; font-size: 21px; font-weight: 500; color:#565656; line-height: 1;  border-bottom:1px solid #7d7c78;}
.box_babyAlbum .babyAlbum_txt .txt span {display:block; line-height: 1.4; 
	display: -webkit-box;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.box_babyAlbum .babyAlbum_txt ul {position:absolute; top: 385px; left:50px; margin-bottom:-8px; width:340px; font-size:18px; text-align: left; font-weight: 300;}
.box_babyAlbum .babyAlbum_txt ul > li {display:block; margin-bottom:8px;}
.box_babyAlbum .babyAlbum_txt ul strong {display:inline-block; width:75px; font-weight:500;}

.box_babyAlbum.slick-slider .slick-arrow.slick-next {	background-image: url(../images/comm/icon_arw03r_w.png);}
.box_babyAlbum.slick-slider .slick-arrow.slick-prev { background-image: url(../images/comm/icon_arw03l_w.png);}

.cnt_babyAlbum .album_toy {z-index:1; position:absolute; left:0; right:0; bottom:0;}
.cnt_babyAlbum .album_toy:before,
.cnt_babyAlbum .album_toy:after {content:''; display:block; position:absolute; background: url(../images/cnt/sub05_06_toy01.png) no-repeat 50% 50%;   }
.cnt_babyAlbum .album_toy:before {right:50%; bottom:49px; margin-right:385px; width:111px; height:109px; background-image: url(../images/cnt/sub05_06_toy01.png); }
.cnt_babyAlbum .album_toy:after {left:50%; bottom:65px; margin-left:325px; width:141px; height:158px; background-image: url(../images/cnt/sub05_06_toy02.png); }


/* 마더비 문화원 */
.cnt_departInfo > dd.img .departInfo_img.img_0401 {background-image: url(../images/cnt04/sub04_img02_01.png);} /* 마더비문화원 */

.c_class_schedule {display:flex; border: 1px solid #ddd; border-top:none;}
.c_class_schedule > div {flex:1;}
.c_class_schedule .cnt_calender_tb_w { margin-bottom: -1px;}
.c_class_schedule .cnt_calender {border-right: 1px solid #ddd;}
.c_class_schedule .cnt_calender_tb td { position:relative; height:90px;}
.c_class_schedule .cnt_calender_tb .calen_date {position:absolute; left:10px; top:10px; width:34px; height:34px; line-height: 33px; text-align: center;}
.c_class_schedule .cnt_calender_tb .calen_check_done .calen_date,
.c_class_schedule .cnt_calender_tb .calen_check_ing .calen_date,
.c_class_schedule .cnt_calender_tb .calen_check_standby .calen_date {color:#fff; border-radius: 50%;}
.c_class_schedule .cnt_calender_tb .calen_check_done .calen_date {background-color:#152c44;}
.c_class_schedule .cnt_calender_tb .calen_check_ing .calen_date {background-color:#14b62d;}
.c_class_schedule .cnt_calender_tb .calen_check_standby .calen_date {background-color:#bbb;}
.c_class_schedule .cnt_calender_tb td .btn_select {position:absolute; left:0; top:0; width:100%; height:100%;}
.c_class_schedule .cnt_calender_tb .ac {color:#fff; background-color:#14b62d;}
.c_class_schedule .cnt_calender_tb .calen_check_standby.ac {background-color:#bbb;}
.c_class_schedule .cnt_calender_tb .calen_check_done.ac {background-color:#152c44;}
.c_class_schedule .cnt_calender_tb .ac .btn_select:before {content:''; display:block; position:absolute; right:13px; bottom:13px; width:28px; height:28px; background:#fff url(../images/comm/btn_arw03_r_n.png) no-repeat 50% 50%;  background-size:29px auto; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); border-radius: 50%;}

.c_class_schedule .c_class_list_block {margin-left:-1px;}
.c_class_list_block { border-top: 1px solid #000;}
.c_class_list_block .c_class_list_top { display:flex;     align-items: center; padding-top:15px; padding-bottom:15px; height:70px;  box-sizing: border-box;}
.c_class_list_block .c_class_list_top .class_down {display:block; position:relative; width:100%; font-size:18px; font-weight: 500; color:#000;}
.c_class_list_block .c_class_list_top .class_down:before {content:''; display:block; position:absolute; right:0%; top:50%; margin-top:-15px; width:30px; height:30px;  background: url(../images/comm/icon_down03.png) no-repeat 50% 50%; background-size:20px auto; }
.c_class_list_block .c_class_list_w { padding:20px 35px; height:510px; border-top: 1px solid #000;  box-sizing: border-box;}
.c_class_list_block .c_class_list {height:100%; overflow-y: auto;}
.c_class_list_block .c_class_list > li {display:block; margin-bottom:25px;}

.c_class_list .class_category {margin-bottom:8px; font-weight: 500;}
.c_class_list .class_tit {display:flex; margin-bottom:10px; }
.c_class_list .class_tit > span {vertical-align: middle;}
.c_class_list .class_tit .t {flex:1; margin-left:7px; font-size:25px;  color:#000; }
.c_class_list .class_tit .t em { display: -webkit-box;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.c_class_list .class_info_box {display:flex; align-items: center; position:relative; padding:20px 28px; padding-right:50px; width:100%; background:#f7f7f7; border:1px solid #ddd; box-sizing: border-box;}
.c_class_list .class_info_box > ul {flex:1; position:relative;}
.c_class_list .class_info_box .class_group  {position:relative; width:100px; text-align: center;}
.c_class_list .class_info_box .class_full {width:90px; text-align: center;}
.c_class_list .closed .class_category {color:#152c44;}

.c_class_schedule .cnt_calender_top,
.c_class_list_block .c_class_list_top {padding-left:35px; padding-right:25px;}
.c_class_schedule .cnt_calender_top {    padding-left: 20px;     padding-right: 15px;}
.c_class_schedule .cnt_calender_top .cal_tit {    margin-right: 15px;}
.c_class_schedule .cnt_calender_top .schedule_check01:before {margin-top:-5px;}
.c_class_schedule .cnt_calender_top .btn_st02 {padding:0 8px;}
.c_class_list_block .c_class_list_top {padding-right:20px;}
.c_class_list_block .c_class_list {margin-right:-15px; padding-right:15px;}

.atc_lecture_intro {}
.atc_lecture_intro .c_0101 .box_top {border-right:1px solid #ddd;}
.atc_lecture_intro .box_cnt {margin-top:-1px;}
.atc_lecture_intro .c_0102 .list_basic {margin:0; margin-right:-10px; height: 100px; overflow-y: auto;}
.atc_lecture_intro .c_0102 .a_deco01 .ac a {font-weight: 500;}
.atc_lecture_intro .c_0103 .box_cnt {position:relative; margin-top:0; height:570px;}
.atc_lecture_intro .c_0103 .box_cnt .c_scroll {margin-right:-10px; padding-right:10px; height:100%;}
.atc_lecture_intro .c_0103 .box_class_thumb {margin-bottom:-1px;}

.atc_lecture_intro .c_02 {display:flex; flex-direction: column;}
.atc_lecture_intro .c_02 .box_cnt {flex:1;}


.class_category_list {display:flex;  margin-right:-10px;}
.class_category_list > li {display:block; flex:1;  margin-right:10px;}
.class_category_list a {display:block; position:relative; height:100px; text-align: center; color:#333; background:#fff;}
.class_category_list a .t {position:relative; top:15px;}
.class_category_list a .img { display:block; position:absolute; left:50%; top:50%;margin-top: 3px;  margin-left:-15px; width:30px; height:30px;  background: url(../images/comm/icon_down03.png) no-repeat 50% 50%; background-size:30px auto;}

.class_category_list .ac a {color:#fff; background:#13b52c;}
.class_category_list .ac a .t {text-decoration: underline; text-underline-offset: 7px;}

.class_category_list a .img.img04020201 {background: url(../images/comm/icon30_01.png);}
.class_category_list a .img.img04020202 {background: url(../images/comm/icon30_02.png);}
.class_category_list a .img.img04020203 {background: url(../images/comm/icon30_03.png);}

.class_category_list .ac a .img.img04020201 {background: url(../images/comm/icon30_01_w.png);}
.class_category_list .ac a .img.img04020202 {background: url(../images/comm/icon30_02_w.png);}
.class_category_list .ac a .img.img04020203 {background: url(../images/comm/icon30_03_w.png);}

.class_thumb_top { display:flex; align-items: center; padding:0 20px; height: 60px; border-top: 1px solid #162c44;}
.class_thumb_top .tit {flex:1;}



/* 팝업 : doctor view */
.pop_doctor_view {min-width:1350px; background:#39446d;}
.pop_doctor_view .sec_doctor_view {height:700px; background:#eaeaf4;}
.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 {position:relative; width:530px; overflow: visible;  }
.sec_doctor_view .doctor_details .doc_details_img .swiper {position:relative; left:-25px; height:100%; width: 580px;}
.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 img {vertical-align: bottom;}

.sec_doctor_view .doctor_details .doc_details_box {flex:1; margin-left:6%; padding-top:70px;}
.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: cover;}
.sec_doctor_view .doctor_details .doc_details_box .tit {position:relative;}
.sec_doctor_view .doctor_details .doc_details_box .tit .t_name {font-size:55px; font-weight: 500; line-height: 1; font-family: 'S-Core';}
.sec_doctor_view .doctor_details .doc_details_box .tit .t_depart { margin-left:10px; font-size:32px; font-weight:500; color:#14b62d;}
.sec_doctor_view .doctor_details .doc_details_box .tit .ico_like { position:relative; top:-8px; margin-left:10px;}
.sec_doctor_view .doctor_details .doc_details_box .btn_reserv {position:absolute; right:0; top:0;}
.sec_doctor_view .doctor_details .doc_details_box .txt {display:flex;  margin-top:20px; margin-bottom:35px; height:95px; font-size:22px;}
.sec_doctor_view .doctor_details .doc_details_box .txt dt {position:relative;  padding-left:20px; font-weight: 500; white-space:nowrap;}
.sec_doctor_view .doctor_details .doc_details_box .txt dt:before {content:''; display:block; position:absolute; left:0; top:8px; width:13px; height:13px;  background:#14b62d; border-radius: 50%;}
.sec_doctor_view .doctor_details .doc_details_box .txt dd {margin-left:10px; max-width:445px; font-weight: 300; line-height:1.4; 
	display: -webkit-box;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.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 {bottom:34px; left:auto; right:0; width:auto;}
.sec_doctor_view .doctor_details .doc_details_box .tab_w {position:relative;}
.sec_doctor_view .doctor_details .doc_details_box .tab_w .tb_w {height:315px; overflow-y: auto; box-sizing: border-box;}
.sec_doctor_view .doctor_details .doc_details_box .tab_w .tb {background:none;}

.sec_doctor_schedule {color:#fff;}
.sec_doctor_schedule .h_w { height:65px; text-align: center; background:#112337;}
.sec_doctor_schedule .h_w h3 {color:#fff; font-size:26px; line-height: 65px; font-weight: 500; font-family: 'S-Core';}
.sec_doctor_schedule .doc_schedule_w {border-bottom:1px solid #757c99;}
.sec_doctor_schedule .doc_schedule_w .doc_schedule_btn .ico {position:absolute; bottom:100%; 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/comm/btn_arw02_l_w.png) no-repeat 50% 50%; background-size: 30px auto; opacity: 0.3;
	-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/comm/btn_arw02_l_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/comm/btn_arw02_r_w.png);}
.sec_doctor_schedule .doc_schedule_list {display:flex;}
.sec_doctor_schedule .doc_schedule_list dt {display:flex; align-items: center; justify-content: center; font-size:28px; width:90px; border:1px solid #8389a3; border-top:none; border-bottom:none; background:#757c99;}
.sec_doctor_schedule .doc_schedule_list dt em {font-size:26px;}
.sec_doctor_schedule .doc_schedule_list dd {flex:1;}

.sec_doctor_schedule .tb_doc_calendar {width:100%; }
.sec_doctor_schedule .tb_doc_calendar th,
.sec_doctor_schedule .tb_doc_calendar td { font-size:14px; font-weight: 300; text-align: center;}
.sec_doctor_schedule .tb_doc_calendar th {padding:2px 3px 4px; height:40px; border-right:1px solid #8389a3; border-bottom:1px solid #9fa4b8; background:#757c99; }
.sec_doctor_schedule .tb_doc_calendar td {height:40px; border-right:1px solid #4d577c; border-bottom:1px solid #757c99;}
.sec_doctor_schedule .tb_doc_calendar tbody tr:last-child td {border-bottom:none;}
.sec_doctor_schedule .tb_doc_calendar th.sat,
.sec_doctor_schedule .tb_doc_calendar th.sun,
.sec_doctor_schedule .tb_doc_calendar th.holi {color:#85ef95;}
.sec_doctor_schedule .tb_doc_calendar td.sat,
.sec_doctor_schedule .tb_doc_calendar td.sun,
.sec_doctor_schedule .tb_doc_calendar td.holi {background:#4d577c; border-right-color:#5f6889;}
.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;}



/* 팝업 : 진료예약 */
.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:40px;}
.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 .pop_content {padding-top:75px; padding-bottom:75px; text-align: center;}
.pop_layer_basic.pop_barcode_zoom .img img {height:156px; }
.pop_layer_basic.pop_barcode_zoom .txt {margin-top:20px; font-size:20px; }
.pop_layer_basic.pop_barcode_zoom .txt .t {margin-right:10px;}



@-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*/
@media (max-width:960px) { 

	.appo_medical_step .initial_search dd {margin:0 auto; max-width:340px;}

}


@media (max-width:768px) { 	
	
	.appo_medical_step .initial_search { margin-bottom: 15px;}

	.appo_step_tit { flex: 0 0 55px; font-size:20px; }

	.appo_calender .appo_calender_top .ico {width:26px; height:26px;}
	.appo_calender .appo_calender_top .ico:before { background-size: 12px auto; }

	.appo_select_time .tit { margin-bottom: 13px;}
	.appo_select_time .tit + .tab_st01 { margin-top: -14px; margin-bottom: 15px; }
	.appo_time_list a {font-size:16px;}

}

/* 20250807 KJH 간호사 교육과정 추가 */
  /* 교육과정 */
  .nurse_edu_box { display: flex; flex-direction: column; width: 100%; gap: 40px; margin-top: 20px; box-sizing: border-box; }

  
  .clamp_title_flex { display: flex; flex-direction: column; align-items: center; }
  .clamp_title_flex > p { width: 50%; }


  .edu_detail_box { box-sizing: border-box; }

  /* 스텝박스 */
  .edu_step_box { padding: 70px; box-sizing: border-box; }
  .nurse_sub_tit { font-size: 24px; line-height: 1; color: #0e3f8f; position: relative; }
  .nurse_sub_tit::before { position: absolute; content: ''; display: block; width: 36px; height: 36px; background: url(../images/sub/ico_nurse_tit_b.png) no-repeat center; top: -15px; right: -30px; }
  .nurse_sub_tit::after { position: absolute; content: ''; display: block; width: 20px; height: 1px; background-color: #0e3f8f; bottom: -20px; left: 0; border: 1px solid #0e3f8f; box-sizing: border-box; }
  .edu_step_box > .check_list_01 { margin-top: 50px; }
  .edu_step_box > .check_list_01 > li { font-size: 18px; font-weight: 500; }

  /* 교육전담간호사 */
  .edu_step_detail { display: flex; width: 100%;  box-sizing: border-box; border-left: 1px solid #d8e4fa; margin-top: 60px; }
  .edu_step_info01 { background-color: #2856e0; }
  .edu_step_info01 > .nurse_step_list > li:nth-of-type(1) { border-bottom-left-radius: 15px; }
  .edu_step_info01 > .nurse_step_list > li:nth-of-type(2) { background-color: #f1faff; }
  .edu_step_info01 > .nurse_step_list > li:nth-of-type(2) i > img { background-color: #f1faff; }
  .edu_step_info01 > .nurse_step_list > li:nth-of-type(3) {  border-bottom-right-radius: 15px; }
  .edu_step_info02 { background-color: #1f9fbf; }
  .edu_step_info02 > .nurse_step_list > li:nth-of-type(1) { background-color: #f1faff; border-bottom-left-radius: 15px; }
  .edu_step_info02 > .nurse_step_list > li:nth-of-type(1) i > img { background-color: #f1faff; }
  .edu_step_info02 > .nurse_step_list > li:nth-of-type(2) { border-bottom-right-radius: 15px; }
  .edu_step_info02 > .nurse_step_list > li:nth-of-type(2)::before { display: none; }
  .edu_step_info02 > .nurse_step_list .step_num { border-color: #1f9fbf; color: #1f9fbf; }

  /* 공통리스트 */
  [class^=edu_step_info] > p { font-size: 20px; line-height: 1; color: #fff; padding: 25px; box-sizing: border-box; text-align: center; font-weight: 500; }
  [class^=nurse_step_list] { display: flex; }
  [class^=nurse_step_list] > li { display: flex; flex-direction: column; align-items: center; gap: 20px; background-color: #fff; box-sizing: border-box; border-right: 1px solid #d8e4fa; border-top: 1px solid #d8e4fa; width: 228px; min-height: 305px; padding: 0 25px 25px; position: relative; text-align: center; }
  [class^=nurse_step_list] > li::before { position: absolute; display: block; content: ''; width: 50px; height: 50px; background: url(../images/sub/ico_nurse_w_arr.png) no-repeat center; top: 45px; right: -26px; z-index: 1; }
  [class^=nurse_step_list] > li .step_num { position: absolute; top: -35px; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 100%; border: 12px solid #2856e0; color: #2856e0; text-align: center; font-size: 14px; font-weight: bold; line-height: 1.2; }
  [class^=nurse_step_list] > li strong { font-size: 17px; line-height: 1; color: #0e3f8f; padding-top: 60px; font-weight: bold; box-sizing: border-box; letter-spacing: -0.75px; }
  [class^=nurse_step_list] > li i { display: flex; width: 100%; align-items: center; justify-content: center; position: relative; height: 35px;}
  [class^=nurse_step_list] > li i > img { background-color: #fff; z-index: 2; padding: 0 10px; box-sizing: border-box; }
  [class^=nurse_step_list] > li i::before { position: absolute; content: ''; display: block; width: 100%; height: 0px; border: 1px dashed #b3b6b7; left: 0; top: 50%; transform: translateY(-50%); }
  [class^=nurse_step_list] > li .step_sub_txt { background-color: #f1faff; width: 100%; height: 90px; display: flex; align-items: center; justify-content: center; padding: 15px; box-sizing: border-box; }
  [class^=nurse_step_list] > li p { font-size: 16px; text-align: center; letter-spacing: -0.75px; font-weight: 500; }

  /* 재직간호사 */
  .nurse_step_list02 > li { border-bottom: 1px solid #d8e4fa; }
  .nurse_step_list02 > li:last-of-type::before { display: none; }
  .nurse_step_list02 > li:nth-of-type(even) { background-color: #f1faff; }
  .nurse_step_list02 > li:nth-of-type(even) i > img { background-color: #f1faff; }
  .nurse_step_list02 > li:nth-of-type(even) .step_num { border-color: #1f9fbf; color: #1f9fbf; }
  .nurse_step_list02 > li:nth-of-type(even) .step_sub_txt { background-color: #dcf1f8; }


  /* 교육리스트 */
  .nurse_edu_list { display: flex; box-sizing: border-box;  flex-wrap: wrap; border-top: 2px solid #0e3f8f; border-right: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; }
  .nurse_edu_list > li { display: flex; gap: 30px; width: 50%; justify-content: center; padding: 40px 50px; box-sizing: border-box; border-bottom: 1px solid #cbcbcb; }
  .nurse_edu_list > li:nth-of-type(odd) { border-right: 1px solid #cbcbcb; }
  .nurse_edu_list > li > i { display: flex; align-items: center; justify-content: center; background-color:  #f1f6fd; border-radius: 20px; box-sizing: border-box; width: 86px; height: 86px; min-width: 86px; }

  .edu_list_info { display: flex; flex-direction: column; gap: 25px; padding-top: 20px; box-sizing: border-box; }
  .edu_list_info > strong { line-height: 1.3; font-weight: bold; font-size: 24px; }
  .edu_list_info > strong > span { color: #0e3f8f; }

  /* 체크리스트 */
  .check_list_01 { display: flex; flex-wrap: wrap; gap: 15px; }
  .check_list_01 > li { width: 100%; font-size: 16px; line-height: 1.3; position: relative; padding-left: 30px; }
  .check_list_01 > li::before { position: absolute; display: block; content: ''; width: 17px; height: 17px; background: url(../images/sub/ico_nurse_check.png) no-repeat center; left: 0; top: 2px; }

  .bg_col_fw { background-color: #f0f4fa; }


  @media(max-width:1280px){
    [class^=nurse_step_list] { width: 100%; }
    [class^=nurse_step_list] > li { flex: 1; width: auto; }
    .m_1280_none { display: none; }
    .edu_step_box { padding: 50px; }
  }


  @media(max-width:1100px){
    .edu_step_detail { flex-wrap: wrap; justify-content: center; gap: 80px; }
    .edu_step_info02 { width: 100%; }
    [class^=nurse_step_list] { flex-wrap: wrap; }
    [class^=nurse_step_list] > li::before { display: none; }
    .nurse_step_list02 { gap: 80px 0; justify-content: center; }
    .nurse_step_list02 > li { min-width: calc(100%/3); }

    .edu_list_info > strong { line-height: 1.3; }
    .check_list_01 > li { line-height: 1.3; }
  }

  @media(max-width:960px){
    .nurse_edu_list > li { padding: 30px; }
    .edu_list_info { padding-top: 0; gap: 15px; }
  }

  @media(max-width:768px){
    
  .edu_step_box { padding: 30px; }
  .edu_step_detail { margin-top: 0; gap: 0; }
  .nurse_sub_tit { font-size: 20px; }
  .edu_step_box > .check_list_01 { margin-bottom: 30px; }
  .edu_step_box > .check_list_01 > li { font-size: 16px; }
  .nurse_edu_list > li  { width: 100%; gap: 20px; }
  .nurse_edu_list > li:nth-of-type(odd) { border-right: 0; }
  .edu_list_info > strong { font-size: 20px; }

  [class^=nurse_step_list] > li { min-height: auto; flex: none; width: 100%; padding: 25px; }
  [class^=nurse_step_list] > li .step_num { transform: translateX(0); position: static; border-width: 6px; width: 60px; height: 60px; }
  [class^=nurse_step_list] > li strong { padding-top: 0; }

  .edu_step_info01 > .nurse_step_list > li:nth-of-type(n) { border-radius: 0; }
  .edu_step_info02 > .nurse_step_list > li:nth-of-type(n) { border-radius: 0; }
  .check_list_01 { gap: 10px; }

  .nurse_step_list02 { gap: 0; }
  .nurse_step_list02 > li { flex: none; min-width: auto; width: 100%; }
  [class^=nurse_step_list] > li .step_sub_txt { height: auto; }
  }

  @media(max-width:640px){
      .clamp_title_flex > p { width: 100%; box-sizing: border-box; }
  }