iframe[name="__ifrm_go__"] { height: 0; overflow: hidden; position: absolute; } .form-wrap.login { max-width: 300px; margin: 0 auto; } th.required::after { content: '*'; color: #e6002e; position: absolute; } #postcode-layer { display: none; position: fixed; overflow:hidden; z-index:9999; -webkit-overflow-scrolling:touch; } #btn-postcode-close { cursor: pointer; position: absolute; right: -3px; top: -3px; z-index:1; } .view-wrap { padding: 1em; > div { display: flex; padding: 10px 0; margin: 10px 0; border-top: 1px solid #ddd; &:last-child { border-bottom: 1px solid #ddd; padding-bottom: 20px; } dt { color: #555c; flex-shrink: 0; width: 200px; margin-right: 18px; } dd { flex-grow: 1; } } } .page_search { display:flex; align-items:center; justify-content:center; text-align:center; form { display:flex; align-items:center; justify-content:center; gap:5px; width:100%; } ul { display:flex; gap:5px; align-items:center; } select {border:1px solid #666666; height:44px;padding:0 10px;} .page_input { display:flex; align-items:center; justify-content:center; gap:5px; input[type=text] { width:375px; padding:0 10px; height:44px; color:#2261ab; border:3px solid #fcaf17; background:#fff; } } } .page_search_title {font-weight:600; } .doctorsWrap { display:flex; flex-wrap:wrap; align-items:stretch; gap:40px; margin-top: 60px; } .doctors_list { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; width:calc((100% - 80px) / 3); padding: 30px; border: 1px solid #ddd; border-radius:15px; .doc_img { width: 100%; text-align:center; } .detail { width: 100%; .part2 { font-size: 20px; } .name { font-size: 23px; } .bold { font-weight:800 !important;} .f14 { font-size: 18px;} .part { margin:8px 0 12px; } } .page_btn{width:100%;background-color: #989da6;border:0;color:#fff;font-weight:600;text-align:center;} .page_btn a, .page_btn button { display:block; color:#fff;text-decoration:none; padding: 5px 0; font-size: 15px; border: none; background-color: transparent; width: 100%; } .page_btn:hover, .page_btn button:hover {background-color: #f36f21;;color:#fff;} } .ez-layer { border-color: white; } .layer-doctor-profile { width: calc(100% - 10px); max-width: 970px; border: none; border-radius: 0; background-color: white; border-radius: 10px; .profile-tab { border-radius: 10px 10px 0 0; } > h2 { margin: 0 !important; text-align: center; background-color: #2261ab; color: white; padding: 17px 0; font-size: 2em; } .left { width: 40%; } .right { width: 55%;} .right h3 { font-size:26px; } .right h3 > .position { font-size:18px; font-weight: normal; } .contents { overflow-y: scroll; height: 535px; margin-top:30px; padding-right:10px; .profile_title { color:#fcaf17; .fa { display: inline-block; width:18px; height:18px; } .fa01 { background:url(/res/sub/doctor_icon01.png?260730) no-repeat; background-size: 18px; } .fa02 { background:url(/res/sub/doctor_icon02.png?260730) no-repeat; background-size: 18px;} } .profile_detail {padding:5px 0 0 25px;} } [popovertargetaction="hide"] { position: absolute; top: -30px; right: 0; } .ezschedule-day .day-name { margin-left: 4px; } } .detail .cls_ellipsis_subjct { width:100%; } .doc-schedule.text .title-info { position: absolute; left: 10px; top: 14px; background: #19b7cb; color: #fff; padding: 4px; white-space: nowrap; z-index: 2; border-radius: 4px; } .ez-tab-selectbox { display: none !important; } .profile-tab.ez-tab { margin:0; padding:0; font-size:0; text-align:center } .profile-tab.ez-tab li { float:left; width:50%; padding:0; border:0 } .profile-tab.ez-tab li:first-child { border-left:0 } .profile-tab.ez-tab li a, .profile-tab.ez-tab li.active a { height:auto; margin:0; padding:15px; font-size:22px; font-weight:500; border:0; border-radius:0 } .profile-tab.ez-tab li a { color:#fff; background-color:#f36f21 } .profile-tab.ez-tab li.active a { color:#333; background-color:#fff } .profile-tab.ez-tab li.no-view-for-line { display:none } .cal_memo { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; > div { width:48%; } } .left.memo { padding:10px; font-size:15px; background:#fff7e7; border:1px solid #dbdbdb; border-radius:10px; } .cal_top { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; .ti { font-size:22px; font-weight:600; } } .prevMonth, .nextMonth { display:inline-block; padding:2px 5px; font-size:12px; color:#fff; background-color:#666; border-radius:5px; cursor: pointer; } .ezschedule { width:100%; border-top:2px solid #f36f21; border-collapse: collapse; } .ezschedule thead th { width:calc(100% / 7); border-top:1px solid #003b6c; background: #f5f5f5; text-align:center; font-weight:700; } .ezschedule th, td { padding:5px 10px; border:1px solid #ddd } .ezschedule > * > tr > * { border:1px solid #dbdbdb; } .ezschedule > * > tr > *:first-child { border-left:0 } .ezschedule > * > tr > *:last-child { border-right:0 } .ezschedule-day { vertical-align: top; height: 60px } .ezschedule-weekday-0 span { color:red } .ezschedule-weekday-6 span { color:#0060a3 } .ezschedule-day span { font-size:12px; font-weight:500 } .schedules { position: relative; display:flex; flex-direction:column; flex-wrap:wrap; gap:5px; } .doc-schedule.icon::before { content: '진료'; display: flex; align-items:center; width: 100%; height: 20px; padding-left: 23px; background-size: contain; background-repeat: no-repeat; font-size: 13px; } .doc-schedule.icon.morning::before { background-image: url(/res/doc_schedule_morning.png); } .doc-schedule.icon.afternoon::before { background-image: url(/res/doc_schedule_afternoon.png); } .doc-schedule.icon.closed::before { content: ''; background-image: url(/res/doc_schedule_closed.png); height: 20px; } .doc-schedule.text { height: 20px; background-color:#19b7cb; color:#fff; border-radius:3px; vertical-align: middle; padding:0 3px; line-height:20px; display: inline-block; max-width: 120px; font-size: 12px; } .legend-wrap { display: flex; gap:5px; align-items:center; justify-content:end; } .legend-wrap dd, .legend-wrap dt { font-size:14px; line-height:1.2; } @media only screen and (max-width: 1024px) { .page_search { .select_list { ul { text-align: left; } } } .doctorsWrap { gap:20px; margin-top: 40px; } .doctors_list { width:calc((100% - 40px) / 3); padding: 20px; } } @media only screen and (max-width: 768px) { .ez-tab li a, .ez-tab li.active a { font-size:17px; } .profile-tab.ez-tab li a, .profile-tab.ez-tab li.active a { padding:8px; font-size:18px; } .doc-schedule.icon::before { content: ''; } .doctors_list { width:calc((100% - 20px) / 2); } .profile { .left { width:40%;; margin-left:30%; } .right { width:100%;; margin-top:5px; h3 { font-size: 1.4em; } h3 > span { font-size: 0.7em; font-weight: normal; } } } .layer-doctor-profile .contents { height: auto; overflow-y: inherit; } .schedules { align-items:center; } } @media only screen and (max-width: 540px) { .page_search { form { align-items:flex-start; flex-direction:column; > div { width:100%; } } select { height:38px; font-size:16px; } .page_search_title { display:none; } .page_input { input[type=text] { width:100%; height:38px; font-size:16px; } } } .doctors_list { width:100%; } .layer-doctor-profile .contents-wrap > div { padding-left: .3em !important; padding-right: .3em !important; } .profile .right, .timetable-wrap { padding:0 5% !important } .timetable-wrap { padding: 3% !important } .left.memo, .right.info { width:100%; text-align:left } .legend-wrap { margin-top:7px } .legend-wrap dt:first-child { margin-left:0 } .cal_top { .ti { font-size:20px; } } .ezschedule thead th { font-size:16px; } .ezschedule tbody td { padding: 4px; line-height:1.2; } .ezschedule-day .day-name { margin-left:0; display:inline-block; } .doc-schedule.icon::before { height: 16px; } .layer-doctor-profile { height: calc(100vh - 110px); } .layer-doctor-profile .contents-wrap { height: calc(100vh - 160px); } }