@charset "UTF-8";

@import url("sub_cnt02.css"); /* 진료과 */ 
@import url("sub_cnt03.css"); /* 이용안내 / 병원소개 */ 

/* 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;}



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

.appo_cnt_box { padding:30px; background:#fff; border:1px solid #e1e4eb;  }
.appo_medical_info.appo_cnt_box { padding-top:10px; padding-bottom:10px;}

.appo_medical_info {display:flex; justify-content: space-between; margin-bottom:20px;}
.appo_medical_info .dl_st01 {    margin-right: 30px;}

.appo_divi {display:flex; margin-right:-20px;}
.appo_divi .appo_cnt_box {flex:1; margin-right:20px; width:calc(33.33% - 20px); box-sizing: border-box; }
.appo_medical_step h3 {margin-right:-20px; margin-bottom:15px;}

.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 .doctors_list {height:670px; }
.appo_step_box .appo_txt_info {z-index:10; position:absolute; left:0; top:0; width:100%; height:100%; text-align: center; background: #f5f6fa}
.appo_step_box .appo_txt_info:before {content:''; display:block; position:absolute; right:0; top:0; width:232px; height:212px; background:  url(../images/cnt/appo_bg_icon.png) no-repeat 50% 0%; background-size: 100% auto}
.appo_step_box .appo_txt_info p {position:relative;}
.appo_step_box .appo_txt_info .tit {margin-top:110px; margin-bottom:20px; font-size:24px; font-weight: 500;    line-height: 1.4;}
.appo_step_box .appo_txt_info .tit:before {content:''; display:block;  margin-bottom:25px; width:100%; height:70px;  background:  url(../images/cnt/sub01_icon70_01.png) no-repeat 50% 0%; background-size: 70px auto;}
.appo_step_box .appo_txt_info .txt {margin-bottom:25px; color:#666666; font-size:15px; letter-spacing: -1px; line-height: 1.8;}

.appo_step_box .appo_txt_info02 { display:flex;     flex-direction: column; justify-content: center;  z-index: 10; position:absolute; left:-15px; top:0; right:-15px; height:100%; text-align: center; background: #f5f6fa}
.appo_step_box .appo_txt_info02:before {content:''; display:block; position:absolute; right:0; top:0; width:232px; height:212px; background:  url(../images/cnt/appo_bg_icon.png) no-repeat 50% 0%; background-size: 100% auto}
.appo_step_box .appo_txt_info02 p {position:relative;}
.appo_step_box .appo_txt_info02 .txt {margin-bottom:25px; color:#666666; font-size:15px; letter-spacing: -1px; line-height: 1.8;}


.appo_step01_box {display:flex;}
.appo_step01_box .kr_initial_list { flex-direction: column; margin:0;  margin-right:10px; margin-bottom:-5px;}
.appo_step01_box .kr_initial_list > a {margin:0; margin-bottom:5px;}
.appo_step01_box .kr_initial_result {display:flex; flex-direction: column; flex:1; padding:20px 20px 0;  background:#f5f6fa; box-sizing: border-box;}
.appo_step01_box .kr_initial_result .tab_list {display:flex; margin-right:-5px; margin-bottom:20px;}
.appo_step01_box .kr_initial_result .tab_list a {display:flex; flex:1; align-items: center;	justify-content: center; margin-right:5px; padding:6px 2px; font-size: 14px; text-align: center; line-height: 1.1; background:#fff; border:1px solid #d6d6d6;  box-sizing: border-box;}
.appo_step01_box .kr_initial_result .tab_list a.ac {color:#fff; background:#1bc63c; border-color:#1bc63c;} 
.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;}
.appo_step01_box .kr_initial_result .kr_initial_result_list a:before {content:''; display:block; position:absolute; left:0; bottom:0; width:0; height:1px; background:#1ac73a;
	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.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:#1ac73a;}
.appo_step01_box .kr_initial_result .kr_initial_result_list a:hover:before,
.appo_step01_box .kr_initial_result .kr_initial_result_list a.ac:before {width:100%;}

.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_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/btn_arw03_r_n.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; border-bottom:1px solid #e2e2e2;}
.appo_calender_tb th {font-weight: 500; color:#004a4b;}
.appo_calender_tb td {padding:0 1px; font-size:14px; font-weight: 500; color:#000;}

.appo_calender_tb a {display:block; height:39px; line-height: 33px; border:3px solid transparent; box-sizing: border-box;}
.appo_calender_tb .cal_today { border-color:#139b6d;}
.appo_calender_tb .cal_yes {color:#fff;  background-color:#1bc63c; border-color:#1bc63c;}
.appo_calender_tb .ac {color:#fff;  background-color:#796f6d; border-color:#796f6d;}
.appo_calender_tb .ac span {opacity: 0.5;}

.appo_cal_label { margin:20px 0; font-size:15px;}
.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:#169b6e;}
.appo_cal_label li.cal_yes:before {border-color:#1bc63c; background-color: #1bc63c;}

.appo_select_time {flex:1;  padding:20px; background:#e5f3f6; box-sizing: border-box;}
.appo_select_time > .w {display:flex; flex-direction: column; position:relative; height:100%;}
.appo_select_time .tit {margin-bottom:10px; font-size:14px; font-weight: 500; text-align: center;}
.appo_select_time .ch_tab.tab_st01 {margin-bottom:10px;}
.appo_select_time .appo_time_list { position:absolute; left:0; top:68px; right:0; height:calc(100% - 68px); overflow-y: auto;}

.appo_time_list {flex:1; display:flex; flex-wrap: wrap; align-content: flex-start;  margin-right:-4px; margin-bottom:-4px; box-sizing: border-box;}
.appo_time_list > li { margin-right:4px; margin-bottom:4px; width:calc(25% - 4px); text-align: center;}
.appo_time_list a {display:block; font-size:14px; height:26px; line-height:24px; color:#555; background:#fff; border:1px solid #ddd;}
.appo_time_list .ac a {color:#fff; background-color:#7a6f6d;} 

.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:#e9ebf1; word-break: break-all; overflow: hidden;}


.pop_appoint .hd_logo {margin-bottom:40px;}
.pop_appoint .btn_close {position:absolute;}

.pop_appoint article {display:flex; flex-direction: column; position:relative; width:100%; max-width: 1580px;}

/* 팝업 : 바코드 */
.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:1600px) { 
	.appoint_myInfo_check:after {display:none;}
}

@media (max-width:1440px) { 
	.appoint_docs_schedule { width: calc(75% - 30px); }
	.appoint_myInfo_check.in_cover { padding-left: 30px; }

	.pop_appoint h3.cnt_tit02 { font-size: 22px;}

}



@media (max-width:1340px) {
	.pop_appoint {padding-left:10px; padding-right:10px;}

	.appo_cnt_box,
	.appo_step01_box .kr_initial_result { padding-right: 15px; padding-left: 15px; }

	.appoint_docs_schedule { width: calc(75% - 15px);}
	.appoint_docs_schedule h3.cnt_tit02 { font-size: 21px; }

	.appo_step02_box .doctors_list {margin-right: -10px; }
	.doctor_info02 { padding-left: 115px; }
	.doctor_info02 .doctor_info_img { width: 100px; }	
	.doctor_info02 .btn.w_xsmall {width:120px;}
	.doctor_info02 .doctor_info_box .tit { font-size: 16px; }
	.doctor_info02 .doctor_info_box .tit .t { font-size: 20px;}
	.doctor_info02 .doctor_info_box .txt dd {font-size:15px;}

	.appo_divi { margin-right: -10px; }
	.appo_divi .appo_cnt_box { margin-right: 10px; width: calc(33.33% - 10px); }

	
}