@charset "UTF-8";
/*진료예약*/
.appoint_index_item{margin-top:35px;}
.appoint_index_item + .appoint_index_item{margin-top:18px;}
.appoint_index_item + p{margin-top:30px;}
.appoint_index_item::after{display: block;clear: both;content: ""}
.appoint_index_item li{position:relative;float:left;min-height:245px;margin-left:1.5%;padding:38px 28px;box-sizing: border-box;border:1px solid #dedede;background:#f0f2f7;transition: box-shadow 0.3s;}
.appoint_index_item li.one{width:23.875%;}
.appoint_index_item li.two{width:49.25%;padding:55px 28px;text-align:center;}
.appoint_index_item li.two .number{padding:18px 0;font-weight:500;font-size:54px;line-height:54px;background: -webkit-linear-gradient(left, #90c740, #01748a);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color:#01748a;}
.appoint_index_item li.two .icon_tit{font-size:18px;color:#000;}
.appoint_index_item li.two .icon_tit::before{display:inline-block;width:16px;height:19px;margin-right:6px;background: url(/common/images/contents/appint/index_phone.png) no-repeat;content: "";vertical-align: middle;}
.appoint_index_item li.two .txtp{color:#000000;}
.appoint_index_item li:first-child{margin-left:0;}
.appoint_index_item li a{position:absolute;top:0;left:0;width:100%;height:100%;padding:38px 28px;box-sizing: border-box;}
.appoint_index_item li h5{padding-bottom:15px;font-weight:500;font-size:26px;}
.appoint_index_item li p{color:#555555;font-size:14px;line-height:20px;letter-spacing: -0.3px;}
.appoint_index_item li.item1 a{background:url(/common/images/contents/appint/index_icon01.png) no-repeat right 20px bottom 20px;}
.appoint_index_item li.item2 a{background:url(/common/images/contents/appint/index_icon02.png) no-repeat right 20px bottom 20px;}
.appoint_index_item li.item4 a{background:url(/common/images/contents/appint/index_icon03.png) no-repeat right 20px bottom 20px;}
.appoint_index_item li.item5 a{background:url(/common/images/contents/appint/index_icon04.png) no-repeat right 20px bottom 20px;}
.appoint_index_item li.item6 a{background:url(/common/images/contents/appint/index_icon05.png) no-repeat right 20px bottom 20px;}
.appoint_index_item li.item7 a{background:url(/common/images/contents/appint/index_icon06.png) no-repeat right 20px bottom 20px;}
.txt .pati_name{font-weight:500;color:#00738b;}
.ap_pati_info{overflow:hidden;margin-top:28px;padding:30px 0;background:#f4f5f9;}
.ap_pati_info .tit{float:left;width:22%;padding:11px 0;text-align:center;font-size:22px;font-weight:500;}
.ap_pati_info.comp .tit{padding:25px 0;}
.ap_pati_info .wrap{float:left;width:78%;box-sizing: border-box;border-left:1px solid #cccccc;}
.ap_pati_info .wrap h5{float:left;width:28%;padding:4px 0;text-align:center;font-size:22px;}
.ap_pati_info.comp .wrap h5{padding:19px 0;}
.ap_pati_info .wrap h5 strong{font-size:34px;font-weight:500;}
.ap_pati_info .wrap .detail{float:left;width:72%;}
.ap_pati_info .wrap .detail p{position:relative;padding-left:10px;}
.ap_pati_info .wrap .detail p::before{position:absolute;left:0;top:7px;width:2px;height:2px;background:#000;content: ""}
.ap_pati_info .wrap .detail p strong{display:inline-block;width:84px;font-weight:500;}
.ap_pati_info .wrap .detail p + p{margin-top:10px;}
.ap_step{overflow:hidden;box-sizing: border-box;border:1px solid #dddddd;background: #fff;}
.ap_step *{box-sizing: border-box;}
.ap_step .step_item{float:left;}
.ap_step.passed_ap_in .step_item{display: none;}
.ap_step .step_item.step1{width:54%;}
.ap_step .step_item.step2{width:26%;}
.ap_step .step_item.step3{width:20%;}
.ap_step .step_item .item_area{position:relative;overflow:hidden;width:100%;height:460px;border-left:1px solid #dddddd;}
.ap_step .step_item .item_area > p.txt{padding:34px 0;text-align:center;}
.ap_step .tit_area{padding:13px 0;border-left:1px solid #fff;background:#f0f2f7;text-align:center;}
.ap_step .tit_area span{display:block;color:#6a7779;font-size:18px;}
.ap_step .tit_area p{padding-top:5px;color:#000;font-size:20px;}
.ap_step .step_item.step1 .tit_area, .ap_step .step_item.step1 .item_area{border-left:0;}
.ap_step .subj{overflow:hidden;padding:0 0 0 40px;}
.ap_step .subj li{float:left;width:33.333%;padding:7px 0;color:#555555;}
.ap_step .subj li button{text-align:left;line-height:20px;}
.ap_step_bottom{display:none;overflow:hidden;padding:20px;box-sizing:border-box;border:1px solid #dddddd;border-top:0;}
.ap_step_bottom.ap_doc{display:block;}
.ap_step_bottom p.txt{float:left;padding:3px 0;letter-spacing: -0.6px;font-size:16px;}
.ap_step_bottom p.txt button{margin-left:10px;padding:6px 11px;border:1px solid #cccccc;font-size:17px;font-weight:500;color:#555555;}
.ap_step_bottom .btn{float:right;}
.ap_step_bottom .btn button{float:left;margin-left:10px;padding:0 25px;font-size:18px;line-height:50px;font-weight:500;}
.ap_step_bottom .btn button.white{border:1px solid #cccccc;line-height:48px;}
.ap_step_bottom .btn button.green{background:#6ca90c;}
.ap_step_bottom .btn button.light_gray{background:#f8f8f8;color:#000;border:1px solid #cccccc;line-height:48px;}
.ap_step_bottom .btn button.next{min-width:115px;}
.ap_step_bottom .btn button.submit, .ap_step_bottom .btn button.prev{display:none;}
.ap_doc_list_wrap{display:none;}
.ap_doc_list_wrap.ap_doc{display:block;}
.ap_subj_wrap{height:390px;margin:35px 0;}
.ap_doc_list_wrap .doc_search{overflow:hidden;margin:30px 30px 0 30px;}
.ap_doc_list_wrap .doc_search *{float:left;}
.ap_doc_list_wrap .doc_search input{width:68%;}
.ap_doc_list_wrap .doc_search button{width:15%;margin-left:1%;line-height:43px}
.ap_doc_list_wrap .doc_search button.green{border:1px solid #1a7491}
.ap_doc_list_wrap .tit_wrap{overflow:hidden;background:#6ca90c;color:#fff;}
.ap_doc_list_wrap .tit_wrap h5{float:left;padding-left:30px;line-height:52px;font-weight:500;}
.ap_doc_list_wrap .tit_wrap button{float:right;padding:0 18px;background:#517f09;font-weight:500;line-height:52px;color:#fff;}
.ap_doc_list_scroll{margin:20px 0;height:368px;width:100%;box-sizing: initial;}
.doc_search + .ap_doc_list_scroll{height:345px;}
.ap_doc_list_scroll p.no_result_t{text-align:center;padding:20px;}
.ap_doc_list_item{padding:0 30px;}
.ap_doc_list_item li{border:1px solid #dedede;cursor: pointer;transition: all 0.2s;}
.ap_doc_list_item li + li{margin-top:30px;}
.ap_doc_list_item li::after{display:block;clear: both;content: "";}
.ap_doc_list_item li img{float:left;width:150px;height:200px;margin-right:40px;}
.ap_doc_list_item li .text_wrap{float:left;width: calc(100% - 191px);padding-top:35px;}
.ap_doc_list_item li .text_wrap h5{padding-bottom:15px;line-height:36px;}
.ap_doc_list_item li .text_wrap h5 strong{font-size:24px;font-weight:500;}
.ap_doc_list_item li .text_wrap h5 span{display:inline-block;overflow:hidden;max-width: 60%;padding-left:8px;color:#555555;vertical-align: middle; white-space: nowrap; text-overflow: ellipsis;}
.ap_doc_list_item li .text_wrap .subsc_tit{padding-bottom:10px;font-size:14px;color:#00829a;font-weight:500;}
.ap_doc_list_item li .text_wrap .subj_t{margin-top:-10px;padding-bottom:11px;font-size:15px;font-weight:500;color:#000;}
.ap_doc_list_item li .text_wrap .subsc{color:#555555;}
.ap_doc_list_item li.selected .text_wrap h5::after{display:inline-block;width:36px;height:36px;margin:0 0 0 12px;background:url(/common/images/contents/appint/selected.png) no-repeat;content: "";vertical-align: top;}
.ap_doc_list_item li.selected{border:1px solid #6ca90c;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);}
.ap_cal_wrap{display:none;margin:30px 0;padding:0 15px;}
.ap_cal_item th, .ap_cal_item td{padding:3px 0;color:#555;font-size:15px;text-align:center;}
.ap_cal_item th{color:#000;line-height:32px;}
.ap_cal_item td:first-child{color:#e40000;}
.ap_cal_item span{line-height:32px;}
.ap_cal_item span.able{display:inline-block;width:32px;height:32px;border:1px solid #6ca90c;border-radius:100%;cursor: pointer;color:#000;}
.ap_cal_item span.able.afternoon{border-color:#b01f1f}
.ap_cal_item span.able.allday{border-color:#0c4ba9}
.ap_cal_item span.able.selected{background:#6ca90c;color:#fff;}
.ap_cal_wrap .month_select{position:relative;margin-bottom:20px;}
.ap_cal_wrap .month_select h5{font-size:24px;line-height:30px;font-weight:500;text-align:center;}
.ap_cal_wrap .month_select button{position:absolute;top:0;width:30px;height:30px;text-indent: -9999px;}
.ap_cal_wrap .month_select button.prev{left:10%;}
.ap_cal_wrap .month_select button.prev::before{position: absolute;left:50%;top:48%;width:7px;height:7px;margin: -4px 0 0 -2px;border-left:2px solid #878787;border-bottom:2px solid #878787;content: "";transform: rotate(45deg);}
.ap_cal_wrap .month_select button.next{right:10%;}
.ap_cal_wrap .month_select button.next::before{position: absolute;left:50%;top:48%;width:7px;height:7px;margin: -4px 0 0 -5px;border-left:2px solid #878787;border-bottom:2px solid #878787;content: "";transform: rotate(-135deg);}
.ap_time_wrap{display:none;margin:30px 0;height:400px;}
.ap_time_item{overflow:hidden;padding:0 30px;}
.ap_time_item li{float:left;width:50%;margin-bottom:6px;}
.ap_time_item li span{display:block;line-height: 36px;text-align:center;cursor: pointer;}
.ap_time_item li span.selected{border-radius:100px;background:#6ca90c;color:#fff;}
.ap_time_wrap .input_area{width:100%;padding:50px 5% 0 5%;box-sizing:border-box;}
.ap_time_wrap .input_area textarea{width:100%;height:130px;margin-top:10px;padding:10px;box-sizing:border-box;border:1px solid #ddd;resize:none;line-height:26px;}
.ap_time_wrap .input_area textarea::placeholder{font-size:16px;}
table.content.sh tbody th{text-align:center}
table.content.sh tbody td{text-align:left}
table.content.ap th{border-right:0;font-weight:500;text-align:left;}
table.content.ap td{border-right:0;text-align:left;}
table.content.ap span.y_green{color:#70a52b;}
table.content.ap strong.y_green{font-size:20px;font-weight:500;color:#70a52b;}
table.content.pc{display: table;}
table.content.mo{display:none;}
p.txt a.y_green{color:#70a52b;text-decoration: underline;}
.ap_result_doc img{width:92px;height:121px;padding-right:12px;}
.ap_result_doc .text_wrap{display:inline-block;padding-top:10px;vertical-align: top;}
.ap_result_doc .text_wrap h5 strong{color:#000;font-size:24px;}
.ap_result_doc .text_wrap .subsc_tit{padding-top:10px;color:#00829a;font-size:14px;font-weight:500;}
.ap_result_doc .text_wrap .subsc{color:#555;}
.passed_ap .list_search_top.appoint{width:100%;}
.passed_ap{min-height:535px;padding:30px;}
.passed_ap .list_search_top.appoint .select_area{width:37%;}
.passed_ap .list_search_top.appoint .select_area select{width:50%;}
.passed_ap .list_search_top.appoint .select_area input{width:47%;margin:0 1.5%;}
.passed_ap .list_search_top.appoint .input_button_area{width:63%;}
.passed_ap .list_search_top.appoint .input_button_area .calendar{width:47%;}
.passed_ap .list_search_top.appoint .input_button_area .btn{width:53%;}
.passed_ap .list_search_top .input_button_area .month_select{float:left;width:51.5%;margin-left:1.5%;border:1px solid #ccc;border-left:0;}
.passed_ap .list_search_top .input_button_area .month_select button{float:left;width:33.333%;margin-left:0;border-left:1px solid #cccccc;color:#888888;line-height:43px;}
.passed_ap .list_search_top .input_button_area .month_select button.selected{background:#00829a;color:#fff;}
.passed_ap .list_search_top .input_button_area button{width:22%;}
.ap_guide_wrap{margin:20px 0 40px 0;text-align:center;}
.ap_guide_wrap ul{font-size:0;}
.ap_guide_wrap li{display:inline-block;position:relative;width:212px;height:211px;margin-top:20px;padding:0 35px;vertical-align: top;}
.ap_guide_wrap li.step1{background:url(/common/images/contents/appint/guide01_01.png) no-repeat center;}
.ap_guide_wrap li.step2{background:url(/common/images/contents/appint/guide01_02.png) no-repeat center;}
.ap_guide_wrap li.step3{background:url(/common/images/contents/appint/guide01_03.png) no-repeat center;}
.ap_guide_wrap li.step4{background:url(/common/images/contents/appint/guide01_04.png) no-repeat center;}
.ap_guide_wrap.test_step{margin:20px 0 120px 0;}
.ap_guide_wrap.test_step li{width:160px;height:auto;min-height:241px;background:none}
.ap_guide_wrap.test_step li p{padding-top:0;margin-top:20px}
.ap_guide_wrap.test_step li::after{top:33%}
.ap_guide_wrap.guide2 li.step1{background:url(/common/images/contents/appint/guide02_01.png) no-repeat center;}
.ap_guide_wrap.guide2 li.step2{background:url(/common/images/contents/appint/guide02_02.png) no-repeat center;}
.ap_guide_wrap.guide2 li.step3{background:url(/common/images/contents/appint/guide02_03.png) no-repeat center;}
.ap_guide_wrap.guide2 li.step4{background:url(/common/images/contents/appint/guide02_04.png) no-repeat center;}
.ap_guide_wrap li p{padding-top:120px;color:#006880;font-weight:500;font-size:17px;letter-spacing:-0.8px;line-height:22px;}
.ap_guide_wrap li::after{display:block;position:absolute;right:-3px;top:50%;margin-top:-5px;width:10px;height:10px;border-left:2px solid #a0aab5;border-bottom:2px solid #a0aab5;content: "";transform:rotate(-135deg);}
.ap_guide_wrap li:last-child::after{display: none;}
.ap_guide_num_wrap{margin:30px 0;padding:40px 0 40px 0;border:1px solid #e0e0e0;background:#f8f8f8;text-align:center;}
.ap_guide_num_wrap h5{display:inline-block;margin-bottom:20px;padding-left:22px;background:url(/common/images/contents/appint/index_phone.png) no-repeat left bottom 11px;}
.ap_guide_num_wrap h5 span{font-weight:500;font-size:18px;vertical-align: middle;}
.ap_guide_num_wrap h5 em{padding-left:15px;font-weight:500;font-size:50px;font-style:normal;background: -webkit-linear-gradient(left, #90c740, #01748a);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color:#01748a;}
.ap_guide_num_wrap p{font-size:14px;line-height:1.8;}
.complete_appointment{margin:30px 0;padding:30px 15px;background:#efeff3;text-align:center;}
.complete_appointment img{padding-right:12px;vertical-align:middle;}
.complete_appointment p{font-size:24px;}
.complete_appointment span{vertical-align:middle;}
.complete_appointment span em{color:#70a52b;font-style:normal;font-weight:500;}
.reserve_time{overflow:hidden;display:block !important;padding-top:30%;font-size:16px}
.reserve_time span{float:left;}
.reserve_time span:before{display:inline-block;width:12px;height:12px;margin-right:5px;margin-left:10px;border-radius:100%;vertical-align:middle}
.reserve_time span.all:before{border:1px solid #34c5f2;content:""}
.reserve_time span.am:before{border:1px solid #6ca90c;content:""}
.reserve_time span.pm:before{border:1px solid #b01f1f;content:""}



/*진료차트*/
.my_appint_wrap::after{display: block;clear: both;content:"" ;}
.my_appint_item{float:left;width:48.5%;margin-top:30px;box-sizing:border-box;border:1px solid #cccccc;box-shadow: none;vertical-align:top;transition: box-shadow 0.2s;}
.my_appint_item.checkup{width:31.6666%;margin-left:2.5%}
.my_appint_item:nth-child(2n+1){margin-right:3%;}
.my_appint_item.checkup:nth-child(2n+1){margin-right:0%;}
.my_appint_item.checkup:nth-child(3n+1){margin-left:0;}
.my_appint_item img{float:left;width:180px;height:240px;}
.my_appint_item .wrap{float:left;width:calc(100% - 180px);padding-top:25px;padding-left:30px;box-sizing:border-box;}
.my_appint_item.checkup .wrap{width:100%;padding:30px 30px 35px 35px;}
.my_appint_item.checkup.sh .wrap{padding:25px 30px 20px 35px;}
.my_appint_item .appint{float:left;width:100%;}
.my_appint_item .appint *{word-break: break-all;}
.my_appint_item .btn{width:100%;}
.my_appint_item .appint .type{color:#00829a;font-weight:500;}
.my_appint_item.sh .appint .date{color:#000;}
.my_appint_item .appint .date{padding:12px 0;color:#70a52b;font-size:24px;font-weight:500;}
.my_appint_item .appint .date span{display:inline-block;vertical-align:top;padding-top:4px;padding-right:3px;font-size:17px;}
.my_appint_item .appint .subj{padding:0px 0 18px 0;color:#000000;font-size:18px;font-weight:500;}
.my_appint_item .appint .name{font-size:24px;font-weight:500;}
.my_appint_item .appint .name span{padding-left:4px;color:#555555;font-size:16px;font-family: 'Nanum Square';vertical-align: middle;}
.my_appint_item .info{padding-bottom:11px;color:#000;}
.my_appint_item .info strong{display:inline-block;width:72px;margin-right:14px;color:#555555;font-weight: normal;}
.my_appint_item .btn.up{float:right;width:calc(100% - 180px);margin-top:-61px;}
.my_appint_item .btn{clear:both;height:60px;border-top:1px solid #ddd;text-align:right;font-size:0;}
.my_appint_item .btn button{padding:0 29px;box-sizing: border-box;border-left:1px solid #dddddd;color:#555555;font-size:17px;line-height:60px;}
.my_appint_item .btn button.green{background:#fff;color:#555;}
.my_appint_item .btn button.red{color:#9e0039;}
.my_appint_item .btn button.appintm{margin-right:15px;background:url(/common/images/icon/btn_appintm.png) no-repeat left center;}
.my_appint_item .btn button.leave{margin-left:50px;float:left;background:url(/common/images/icon/btn_leave.png) no-repeat left center;}
.my_appint_item .btn button.prescribe{background:url(/common/images/icon/btn_prescribe.png) no-repeat left center;}
.my_appint_item .btn button.checkup{border-left:0;background:url(/common/images/icon/btn_checkup.png) no-repeat left center;}
.my_appint_item .btn.up button{border-left:0;}
.prescribe_wrap{overflow:hidden;}
.prescribe_detail{margin-top:-25px;}
.prescribe_detail .wrap{display:none;}
.prescribe_detail table.content{margin:0;border-top:0;}
.prescribe_detail .prescribe_btn{width:100%;padding:10px 0;border-bottom:1px solid #e4e4e4;background:#f8f8f8;}
.prescribe_detail .prescribe_btn::after{display:inline-block;width:6px;height:6px;margin-left:15px;margin-bottom:2px;border-left:2px solid #000;border-top:2px solid #000;content: "";transform: rotate(-135deg);transition: all 0.3s;}
.prescribe_detail .prescribe_btn.on::after{margin-bottom:0;transform: rotate(45deg);}

.leave_guide{overflow:hidden;}
.leave_guide > div{float:left;width:48.5%;}
.leave_guide .right{margin-left:3%;}
.leave_guide .left img{width:93px;height:122px;padding-right:10px;}
.leave_guide_wrap table.content th{color:#000000;font-weight:500;text-align:left;}
.leave_guide_wrap table.content td{color:#000000;text-align:left;}
.leave_guide .right table.content tbody tr:last-child td{height:67px;}
p.txt.leave_guide{margin-top:20px;}
.gray_box{margin-top:10px;padding:20px;background:#f5f5f5;}

table.content td.red{color:#d80000;}
table.content td.blue{color:#2855b9;}
.checkup_item{text-align:right}
.checkup_item span{display:inline-block;}
.checkup_item .blue{color:#2855b9;}
.checkup_item .red{padding-left:20px;color:#d80000;}
.checkup_detail_wrap{border:1px solid #dbdbdb;}
.checkup_d_tit{padding:35px 40px;}
.checkup_d_tit h5{padding-bottom:10px;color:#70a52b;font-size:24px;font-weight:500;line-height: 30px;}
.checkup_d_tit h5 span{font-size:17px;}
.checkup_d_tit p{color:#000000;font-size:18px;font-weight:500;}
.checkup_d_item{overflow:hidden;padding:25px 40px 40px 40px;box-sizing:border-box;border-top:1px solid #dbdbdb;background:#f4f5f9;}
.checkup_d_item td{background:#fff;}
.checkup_d_item table.content{margin-bottom:0;}


/*HOVER!*/
@media screen and (min-width:800px) {
	.my_appint_item:hover{box-shadow: 8px 8px 15px rgba(0,0,0,0.06)}
	.my_appint_item button:hover{text-decoration: underline;}
	.my_appint_item .btn button.green:hover{background:#fff;color:#70a52b;}
	.appoint_index_item li:hover{box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);}
	.ap_step .subj li button:hover{color:#64a500;text-decoration: underline;}
	.ap_doc_list_item li:hover{border:1px solid #6ca90c;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);}
	.ap_time_item li span:hover{font-weight:500;}
}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:1200px) {
	.leave_guide > div{width:100%;}
	.leave_guide .right{margin-left:0;}
	.leave_guide .right table.content tbody tr:last-child td{height:auto;}
	.leave_guide .left table.content{margin-bottom:0;}
	table.content.leave_guide colgroup col:first-child{width:30% !important;}
	.my_appint_item .btn button.leave{float:none;margin-left:0;}
	.my_appint_item .btn.up button{margin-right:0;}
	.my_appint_item .btn.up{width:100%;margin-top:0;}
	.appoint_index_item li p br{display:none;}
	.ap_step .step_item .item_area{height:380px;}
	.ap_step .step_item.step1{width:100%;border-bottom:1px solid #ddd;}
	.ap_step .step_item.step1 .item_area{height:880px;}
	.ap_step .step_item.step1 .item_area.subj_h{height:400px;}
	.ap_step .step_item.step2{width:60%;}
	.ap_step .step_item.step3{width:40%;}
	.ap_doc_list_scroll{height:788px;}
	.doc_search + .ap_doc_list_scroll{height:765px}
	.ap_step .step_item.step2 .tit_area{border-left:0;}
	.ap_step .step_item.step2 .item_area{border-left:0;}
	.ap_doc_list_item li .text_wrap{width:calc(100% - 190px);}
	.ap_step_bottom{padding:0;}
	.ap_step_bottom p.txt{float:inherit;padding:15px;}
	.ap_step_bottom .btn{float:inherit;padding:15px;border-top:1px solid #ddd;text-align:right;}
	.ap_step_bottom .btn button{float:inherit;}
	.ap_subj_wrap{height:310px;}
	.passed_ap .list_search_top.appoint .input_button_area{width:100%;}
	.passed_ap .list_search_top.appoint .select_area{width:76.2%;}
	.ap_doc_list_wrap .tit_wrap h5{font-size:17px;}
	.checkup_d_tit{padding:30px 3%;}
	.checkup_d_item{padding:25px 3%;}
	.ap_time_wrap{height:320px;}
}

@media screen and (max-width:1024px) {
	.ap_step .tit_area span{font-size:14px;}
	.ap_step .tit_area p{font-size:16px;}
	table.content.pc{display: none;}
	table.content.mo{display:table;}
	.passed_ap .list_search_top.appoint{margin:20px 0;}
	table.content.ap td, table.content.ap th{padding:14px 20px;}
	.my_appint_item.checkup{width:48%;margin-left:4%;}
	.my_appint_item.checkup:nth-child(2n+1){margin-left:0;}
	.my_appint_item.checkup:nth-child(3n+1){margin-left:4%;}
	.my_appint_item.checkup:first-child{margin-left:0;}

}

@media screen and (max-width:800px) {
	.ap_step .subj li{width:50%;}
	.passed_ap{min-height:auto;padding:25px 20px;}
	.passed_ap .list_search_top.appoint .select_area{width:100%;}
	.passed_ap .list_search_top.appoint .select_area input{width:48.5%;margin-right:0;}
	.passed_ap .list_search_top.appoint .input_button_area .calendar{width:100%;}
	.passed_ap .list_search_top.appoint .input_button_area .btn{width:100%;}
	.passed_ap .list_search_top .input_button_area .month_select{margin-left:0;margin-right:1.5%;}
	.passed_ap .list_search_top .input_button_area .month_select{width:53%;}
	.ap_guide_wrap li{display:block;margin:45px auto;}
	.ap_guide_wrap li::after{right:50%;bottom:-24px;top:inherit;margin:0 -7px 0 0;transform:rotate(-45deg);}
	.ap_guide_num_wrap h5 em{font-size:30px;}
	.ap_guide_wrap.test_step li{min-height:auto}
	.ap_guide_wrap.test_step li::after{top:inherit;}
}

@media screen and (max-width:870px) {
	.my_appint_item{width:100%;}
	.my_appint_item:nth-child(2n+1){margin-right:0;}
	.my_appint_item.checkup .wrap{padding:15px 15px 15px 15px;}
	.appoint_index_item + .appoint_index_item{margin-top:12px;}
	.appoint_index_item li{margin-left:2%;}
	.appoint_index_item li.one{width:49%;}
	.appoint_index_item li.two{width:100%;margin-left:0;margin-top:12px;}
	.appoint_index_item li.item6{margin-left:0;}
	.appoint_index_item li.item6, .appoint_index_item li.item7{margin-top:12px;}
}
@media screen and (max-width:480px) {
	.my_appint_item img{width:110px;height:140px;}
	.my_appint_item .wrap{width:calc(100% - 110px);padding:15px 10px 10px 18px;}
	.my_appint_item .appint .type{font-size:14px;}
	.my_appint_item .appint .date{padding:8px 0;font-size:20px;letter-spacing: -0.5px;}
	.my_appint_item .appint .subj{padding-bottom:14px;font-size:16px;}
	.my_appint_item .info{padding-bottom:8px;font-size:14px;}
	.my_appint_item .btn button{font-size:16px;line-height:46px;}
	.my_appint_item.checkup{width:100%;margin-top:20px;margin-left:0;}
	.appoint_index_item li.one{width:100%;margin-left:0 !important;margin-top:12px !important;}
	.appoint_index_item li{min-height:180px;padding:25px 20px;}
	.appoint_index_item li a{padding:25px 20px;}
	.appoint_index_item li h5{padding-bottom:12px;}
	.appoint_index_item + .appoint_index_item{margin:0;}
	.appoint_index_item li.two{padding:25px 20px;}
	.appoint_index_item li.two .number{font-size:38px;line-height:33px;}
	.ap_step .subj{padding-left:20px;}

	.ap_pati_info{padding:20px;}
	.ap_pati_info .tit{width:100%;padding:0 !important;font-size:18px;text-align:left;}
	.ap_pati_info .wrap{width:100%;border-left:0;}
	.ap_pati_info .wrap h5{width:35%;padding:15px 0 0 0;font-size:17px;text-align:left;}
	.ap_pati_info .wrap .detail{width:62%;padding-top:10px;}
	.ap_pati_info .wrap h5 strong{font-size:24px;}
	.ap_pati_info .wrap .detail p + p{margin-top:5px;}
	.ap_doc_list_wrap .doc_search{margin: 20px 23px 0 15px;}
	.ap_doc_list_wrap .doc_search input{width:58%;}
	.ap_doc_list_wrap .doc_search button{width:20%;}
	.ap_doc_list_item{padding:0 22px 0 15px;}
	.ap_doc_list_item li + li{margin-top:15px;}
	.ap_doc_list_item li img{width:130px;height:180px;margin-right:20px;}
	.ap_doc_list_item li .text_wrap{width:calc(100% - 150px);padding-top:20px;padding-right:15px;}
	.ap_doc_list_item li .text_wrap h5{padding-bottom:15px;}
	.ap_doc_list_item li.selected .text_wrap h5::after{width:26px;height:26px;background-size:cover;    vertical-align: top;margin-left:6px;}
	.ap_doc_list_item li .text_wrap .subsc{overflow:hidden;max-height:40px;font-size:14px;line-height:20px;}
	.ap_doc_list_item li .text_wrap h5 strong{font-size:20px;}
	.ap_step .step_item.step2{width:100%;border-bottom:1px solid #ddd;}
	.ap_step .step_item.step3{width:100%;}
	.ap_step .step_item .item_area{border-left:0;}
	.ap_step .tit_area{border-left:0;}
	.ap_step .step_item.step2 .item_area, .ap_step .step_item.step3 .item_area{height:auto;}
	.ap_guide_num_wrap h5 em{display:block;}
	.ap_doc_list_scroll{height:640px;}
	.ap_step .step_item.step1 .item_area{height:732px;}
	.ap_step_bottom p.txt{font-size:14px;}
	.doc_search + .ap_doc_list_scroll{height:627px;}
	.my_appint_item.checkup{width:100%;margin-left:0 !important;}
	.complete_appointment img{width:55px;}
	.complete_appointment p{font-size:20px;}
	.my_appint_item .btn{height:46px;}
}