@charset "utf-8";




/*예약*/
.reserve-wrap{overflow:hidden; position:relative;}

.reserve-wrap p.btxt{font-size:14px; font-weight:600; text-align:left;}
.reserve-wrap p.btxt span{display:inline-block; background:#f65b3e; color:#fff; padding:8px; margin-right:12px;}
.reserve-wrap p.date{position:relative;; top:auto; left:auto; text-align:center; display:inline-block;margin:0 auto; overflow:hidden;padding-bottom:10px;}
.reserve-wrap p.date a.prev{width:33px; height:33px; border:1px solid #cbcbcb; display:block; background:url(/cmmImg/Reserve/arrow-prev.jpg) no-repeat center #fff; float:left;}
.reserve-wrap p.date span{font-size:18px; line-height:34px; padding:0px 20px; float:left;}
.reserve-wrap p.date a.next{width:33px; height:33px; border:1px solid #cbcbcb; display:block; background:url(/cmmImg/Reserve/arrow-next.jpg) no-repeat center #fff; float:left;}

.reserve-wrap .calendar p.btxt{ position:absolute; left:0 ;top:0; font-size:15px;}
.reserve-wrap .calendar{position:relative; width:48%; text-align:center; float:left;}
.reserve-wrap .calendar table thead tr th{font-size:14px;text-align:center; font-weight:900; background:#f5f5f6; padding:20px 0px; border:1px solid #e2e3e4;}
.reserve-wrap .calendar table tbody tr td{border:1px solid #e2e3e4;}
.reserve-wrap .calendar table tbody tr td a{text-align:center; font-size:16px; transition:background .3s;color:#7f7f7f; padding:20px 0px; display:block;}
.reserve-wrap .calendar table tbody tr td a:hover{background:#666; color:#fff;}
.reserve-wrap .calendar table tbody tr td a.active{background:#3d434c; color:#fff;}
.reserve-wrap .calendar table tbody tr td a.today, .reserve-wrap .calendar table tbody tr td a.today.on{background:#3d434c; color:#fff;}
.reserve-wrap .calendar table tbody tr td a.select,
.reserve-wrap .calendar table tbody tr td a.today.select, 
.reserve-wrap .calendar table tbody tr td a.today.on.select,
.reserve-wrap .calendar table tbody tr td a.on.select{background:#ff8a00;color:#fff;}
.reserve-wrap .calendar table tbody tr td a.on{background:#f2f2f2; color:#555}

.reserve-wrap .info-input{ float:right; width:48%; position:relative; min-height:470px}
.reserve-wrap .info-input p.btxt, .reserve-wrap .info-input .info-ex02{margin-bottom:16px; font-size:15px; font-weight:600}
.reserve-wrap .info-input .bd-line{height:0px; border-top:2px solid #41454c; text-indent:-20000px; display:block;}
.reserve-wrap .select-on table td{text-align:center}
.reserve-wrap .info-input table thead th{background:#f7f7f7;border-left:1px solid #cecece; border-bottom:1px solid #cecece; padding:13px 0px; text-align:center;}
.reserve-wrap .info-input table thead th:first-child{border-left:0;}
.reserve-wrap .info-input table tbody th{background:#f7f7f7; border-bottom:1px solid #e3e3e4; padding:13px 0px; text-align:left;}
.reserve-wrap .info-input table tbody th span{padding-left:20px;}
.reserve-wrap .info-input table tbody th span.nec{padding-right:15px; background:url(/cmmImg/Reserve/ico_nec.png) no-repeat right 4px;}
.reserve-wrap .info-input table tbody td{padding:8px 0px; border-bottom:1px solid #e3e3e4; border-left:1px solid #e3e3e4;}
.reserve-wrap .info-input table tbody td ul{overflow:hidden; margin-left:8px;}
.reserve-wrap .info-input table tbody td ul li{float:left; width:123px; padding-bottom:10px;}
.reserve-wrap .info-input table tbody td ul li.last{width:80%}
.reserve-wrap .info-input table tbody td ul li input[type='checkbox']{float:left; margin-left:0px; margin-top:3px; height:auto;}
.reserve-wrap .info-input table tbody td ul li label{font-size:13px; width:80%; float:left;}
.reserve-wrap .info-input table tbody td:first-child{border-left:none;}
.reserve-wrap .info-input table tbody td input, .reserve-wrap .info-input table tbody td select{border-top:1px solid #cbcbcb; border-left:1px solid #cbcbcb; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f7f7; height:28px; font-size:13px; padding:0px 0px 0px 5px; margin:0px 0px 0px 8px;}
.reserve-wrap .info-input table tbody td textarea{width:99%; padding:0px;}
.reserve-wrap.select-day table tbody td{border-left:1px solid #e3e3e4}
.reserve-wrap.select-day table tbody td:first-child{border-left:0}
.reserve-wrap .select-off{background:url(/cmmImg/Reserve/no-select.jpg) no-repeat center center; position:absolute;z-index:-1; left:0; width:100%; bottom:0; height:100%;border-bottom:1px solid #dedede}
.reserve-wrap .select-off span{display:block; text-align:center; padding-top:290px; font-size:15px; font-weight:600}

/*예약조회 */
.reserveFind{border:1px solid #e3e3e4; padding:30px 150px 20px 150px; background:/* url(/cmmImg/Reserve/reserve-icon.jpg) no-repeat 70px 65px  */#f9f9f9; position:relative;}
.reserveFind .btxt{ font-weight:600; color:#333; font-size:20px; letter-spacing:-0.03em; display:block; padding:20px 0}
.reserveFind ul{border-top:1px dotted #cecece; padding:30px 0;}
.reserveFind li{padding-left:100px;padding-right:120px;margin-bottom:10px; position:relative;background:url(/cmmImg/Content/blt04.png) no-repeat 1px 18px;}
.reserveFind li span{display:inline-block; font-weight:600; width:100px; padding-left:10px; position:absolute; left:0; top:0; height:30px;line-height:38px;}
.reserveFind li input{width:85%;border:1px solid #dedede; padding:8px 0}
.reserveFind .cdp-btn{ position:absolute; right:150px; top:120px; width:150px; height:88px;}
.reserveFind .cdp-btn span{padding:30px 11px 0px 11px ;font-weight:600; font-size:17px;}

/*예약 완료*/
.reserve-end{width:100%; background:#f7f7f7; border:1px solid #d8dbe2; padding:160px 0px 80px 0px; text-align:center; background:url(/cmmImg/Reserve/reserve-icon.jpg) no-repeat center 85px #f7f7f7;}
.reserve-end p.btxt{font-size:27px; padding-bottom:20px;margin-top:25px; line-height:100%;font-weight:600; color:#333; letter-spacing:-0.06em}
.reserve-end p.stxt{font-size:15px; padding-bottom:30px; line-height:150%;}
.reserve-end a.btn{font-size:13px; padding:8px 20px; background:#f65b3f; color:#fff; display:inline-block; font-weight:600;}


/* 월별 일정 리스트형 */
.schedule-list .bd-line{height:0px; border-top:2px solid #1a64c3; text-indent:-20000px; display:block;}
.schedule-list .month-select{padding:40px 0px; position:relative; text-align:center;}
.schedule-list .month-select .date{font-size:30px; font-weight:600; color:#072449;}
.schedule-list .month-select a.prev{position:absolute; top:32px; left:20px; width:40px; height:40px; background:url(/cmmImg/Reserve/calendar-btn.jpg)no-repeat 13px 10px; font-size:0px;}
.schedule-list .month-select a.next{position:absolute; top:32px; right:20px; width:40px; height:40px; background:url(/cmmImg/Reserve/calendar-btn.jpg)no-repeat -18px 10px; font-size:0px;}
.schedule-list .month-schedule {position:relative;}
.schedule-list .month-schedule .schedule-wrap .month {width:8.333333%; text-align:center; line-height:68px; border-top:1px solid #bbbcbf; border-bottom:1px solid #bbbcbf; background:#f7f8fc; float:left; display:block; font-size:15px;}
.schedule-list .month-schedule .schedule-wrap .month a{width:100%; height:68px; display:block; color:#072449;}
.schedule-list .month-schedule .month a{width:100%; height:68px; display:block; color:#fff; font-weight:600; position:relative; z-index:0;}
.schedule-list .month-schedule .schedule-wrap.isOver .month a, .schedule-list .month-schedule .schedule-wrap .month a:hover{color:#fff}
.schedule-list .month-schedule .schedule-wrap.isOver .month a:after, .schedule-list .month-schedule .schedule-wrap.isOver .month a:hover:after{background:#175aaf; opacity:1;}
.schedule-list .month-schedule .schedule-wrap .month a:after{opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;position:absolute; top:50%; left:50%; width:40px; height:40px; margin:-20px 0px 0px -20px;  display:block; content:""; z-index:-1; border-radius:50%;}
.schedule-list .month-schedule .schedule-wrap .month a:hover:after{background:#aaa;opacity:1}

.schedule-list .month-schedule ul {display:none;}
.schedule-list .month-schedule .isOver ul{width:100%; position:absolute; top:70px; left:0px; display:block; }
.schedule-list .month-schedule .isOver ul li{border-bottom:1px solid #dddddd; padding:22px 30px; font-size:0px;}
.schedule-list .month-schedule .isOver ul li p.date{font-size:17px; display:inline-block; width:20%; vertical-align:middle; color:#1a64c3; font-weight:600; position:relative;}
.schedule-list .month-schedule .isOver ul li p.date:after{position:absolute; top:9px; left:0px; width:3px; height:3px; background:#1a64c3; display:block; content:"";}
.schedule-list .month-schedule .isOver ul li p.date span{padding-left:10px;}
.schedule-list .month-schedule .isOver ul li p.stxt{font-size:14px; display:inline-block; width:80%; vertical-align:middle;}

	
/* 월별 일정 테이블형 */
.schedule-calendar{position:relative;}
.schedule-calendar .bd-line{height:0px; border-top:2px solid #1a64c3; text-indent:-20000px; display:block;}
.schedule-calendar .month-select{padding:40px 0px; position:relative; text-align:center;}
.schedule-calendar .month-select .date{font-size:30px; font-weight:600; color:#072449;}
.schedule-calendar .month-select a.prev{position:absolute; top:32px; left:50%; margin-left:-150px; width:40px; height:40px; background:url(/cmmImg/Reserve/calendar-btn.jpg)no-repeat 13px 10px; font-size:0px;}
.schedule-calendar .month-select a.next{position:absolute; top:32px; left:50%; margin-left:110px; width:40px; height:40px; background:url(/cmmImg/Reserve/calendar-btn.jpg)no-repeat -18px 10px; font-size:0px;}
.schedule-calendar table thead th{font-size:15px; text-align:center; background:#175aaf; color:#fff; font-weight:600; padding:23px 0px;}
.schedule-calendar table tbody td{border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; font-size:14px; padding:15px; height:85px; vertical-align:top;}
.schedule-calendar table tbody td:first-child{border-left:none;}
.schedule-calendar table tbody td p.day{font-size:14px; padding-left:0px; margin-bottom:10px; font-weight:600;}
.schedule-calendar table tbody td p.day.sun{color:#e22519;}
.schedule-calendar table tbody td p.day.sat{color:#218bd8;}
.schedule-calendar table tbody td ul {max-width:110px;}
.schedule-calendar table tbody td ul li{display:block;font-size:12px; position:relative; padding-left:8px; line-height:130%; margin-bottom:5px;}
.schedule-calendar table tbody td ul li:after{position:absolute; top:6px; left:0px; width:3px; height:1px; background:#999; display:block; content:"";}
.schedule-calendar table tbody td ul li a{white-space:nowrap;display:block;text-overflow:ellipsis;overflow:hidden}
.schedule-calendar table tbody td .more {text-align:right; padding-top:5px; display:block;}
.schedule-calendar table tbody td .more a{background:url(/cmmImg/Member/more.png) no-repeat center center;border-radius:100% 100%;border:1px solid #ccc; width:24px; height:24px; display:inline-block;}


.schedule-view{ position:absolute; display:none; left:50%; margin-left:-300px; height:auto; width:600px; top:200px; background:#fff;box-shadow : 2px 2px 10px silver}
.schedule-view .close{ width:58px; height:58px; background:rgba(0,0,0,0.3) url(/cmmImg/Reserve/close-btn.png) no-repeat center center; position:absolute; right:0; top:0;}
.schedule-view h3{background:#175aaf url(/cmmImg/Content/layer-h3bg.png) repeat; height:58px ;color:#fff; padding:0 30px; line-height:58px; font-size:18px; letter-spacing:-0.05em; color:#fff}
.schedule-view h4{ font-weight:600; color:#555; font-size:15px;padding-left:13px; letter-spacing:-0.03em; margin-bottom:10px;background:url(/cmmImg/Content/u-tit03.jpg) no-repeat 3px 8px;}
.schedule-view .con{margin:30px; padding-bottom:30px}
.schedule-view .con.last{margin-bottom:10px}
.schedule-view .con.list-con{border-bottom:1px dotted #ccc}
.schedule-view .con .over a{ font-weight:600; text-decoration:underline}
.schedule-view .con .txt{ background:#f8f8f8; line-height:150%; font-size:13px; color:#444; padding:20px;overflow-y:scroll; height:150px; }
.schedule-view .con .tit{font-weight:600; color:#444; font-size:15px;margin-bottom:15px; padding-left:90px;letter-spacing:-0.04em; position:relative;}
.schedule-view .con .tit strong{  font-weight:600; display:block;position:absolute; left:0; top:0; font-size:14px; color:#175aaf }


/* 주별 일정 테이블형 */
.schedule-week-wrap .bd-line{height:0px; border-top:2px solid #1a64c3; text-indent:-20000px; display:block;}
.schedule-week-wrap table thead th{border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; font-size:14px; padding:14px 0px; text-align:center; color:#1a64c3; background:#fcfdfe;}
.schedule-week-wrap table thead th:first-child{border-left:none;}
.schedule-week-wrap table tbody td{border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; font-size:14px; padding:12px 0px; text-align:center;}
.schedule-week-wrap table tbody td:first-child{border-left:none;}


/* 의료진 소개 */
.mem-greeting-wrap ul li{position: relative; padding:45px 0px 60px 180px; border-bottom:1px solid #dddddd;}
.mem-greeting-wrap ul li span.img{position: absolute; left:0; top:40px; width:148px;}
.mem-greeting-wrap ul li span.img img{width:100%;}
.mem-greeting-wrap ul li dl dt{overflow:hidden; border-bottom:1px dotted #d8dadd; padding-bottom:15px; margin-bottom:20px;}
.mem-greeting-wrap ul li dl dt p.btxt{font-size:20px; color:#222222; font-weight:600; float:left; padding-top:7px;}
.mem-greeting-wrap ul li dl dt p.btxt span{font-size:14px; color:#666666; font-weight:100; padding-left:5px;}
.mem-greeting-wrap ul li dl dt p.icon{font-size:20px; color:#222222; font-weight:600; float:right; font-size:0px;}
.mem-greeting-wrap ul li dl dt p.icon a.email{width:32px; height:31px; border:1px solid #dddddd; display:block; background:url(/cmmImg/Pgrm/mem-email-icon.jpg)no-repeat center; margin-right:5px; display:inline-block; vertical-align:top;}
.mem-greeting-wrap ul li dl dt p.icon a.btn{height:33px; display:inline-block; background:#1a64c3; font-size:13px; color:#fff; padding:0px 16px; vertical-align:top; line-height:33px;}
.mem-greeting-wrap ul li dl dd{font-size:14px; color:#666666; margin-bottom:5px; position:relative;}
.mem-greeting-wrap ul li dl dd:after{position:absolute; top:8px; left:0px; display:block; width:5px; height:2px; background:#888888; content:"";}
.mem-greeting-wrap ul li dl dd span{width:80px; padding-left:10px; display:inline-block; font-weight:600; color:#333333;}

	@media all and (max-width:580px) {
		.mem-greeting-wrap ul li{padding:45px 0px 60px 0px; }
		.mem-greeting-wrap ul li span.img{position:relative; width:100%; left:0px; top:0px;}
		.mem-greeting-wrap ul li dl dt{margin-top:10px;}
		.mem-greeting-wrap ul li dl dt p.btxt{float:none; margin-bottom:10px;}
		.mem-greeting-wrap ul li dl dt p.icon{float:none;}
	}

/* 의료진 상세 경력 */
.mem-workdate-wrap ul li{position:relative; padding: 40px 0px 40px 180px; border-bottom:1px solid #dddddd;}
.mem-workdate-wrap ul li span.img{position: absolute; left:0; top:40px; width:148px;}
.mem-workdate-wrap ul li span.img img{width:100%;}
.mem-workdate-wrap ul li .title{overflow:hidden; margin-bottom:20px;}
.mem-workdate-wrap ul li .title p.btxt{font-size:20px; color:#222222; font-weight:600; float:left;}
.mem-workdate-wrap ul li .title p.btxt span.stxt{font-size:17px; color:#666666; font-weight:100; padding-left:5px;}
.mem-workdate-wrap ul li .title p.btxt span.ctxt{font-size:14px; color:#666666; font-weight:100; padding-left:5px;}
.mem-workdate-wrap ul li .title p.btxt span.ztxt{font-size:14px; color:#666666; font-weight:100; padding-top:7px; display:block;}
.mem-workdate-wrap ul li .title p.icon{font-size:20px; margin-top:15px; color:#222222; font-weight:600; float:right; font-size:0px;}
.mem-workdate-wrap ul li .title p.icon a.blue-btn{height:33px; display:inline-block; background:#1a64c3; font-size:13px; color:#fff; padding:0px 16px; vertical-align:bottom; line-height:33px;}
.mem-workdate-wrap ul li .title p.icon a.gray-btn{height:33px; display:inline-block; background:#888888; font-size:13px; color:#fff; padding:0px 16px; vertical-align:bottom; line-height:33px; margin-left:1px;}
.mem-workdate-wrap ul li .week .bd-line{height:0px; border-top:2px solid #1a64c3; text-indent:-20000px; display:block;}
.mem-workdate-wrap ul li .week table thead th{border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; font-size:14px; padding:9px 0px; text-align:center; color:#1a64c3; background:#fcfdfe;}
.mem-workdate-wrap ul li .week table thead th:first-child{border-left:none;}
.mem-workdate-wrap ul li .week table tbody td{border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; font-size:14px; padding:9px 0px; text-align:center;}
.mem-workdate-wrap ul li .week table tbody td:first-child{border-left:none;}



.mem-detail-wrap .tit-box{height:64px; background:#1a64c3; overflow:hidden; padding:0px 20px;}
.mem-detail-wrap .tit-box span{font-size:20px; color:#fff; font-weight:600; padding-top:22px; display:block; float:left;}
.mem-detail-wrap .tit-box a{width:40px; height:40px; margin-top:12px; display:block; background:url(/cmmImg/Pgrm/mem-detail-close.png)no-repeat center; float:right;}
.mem-detail-wrap .detail-box{padding:30px;}
.mem-detail-wrap .detail-box .list{position:relative; padding:0px 0px 35px 180px; margin-bottom:20px; border-bottom:1px solid #dddddd;}
.mem-detail-wrap .detail-box .list span.img{position: absolute; left:0; top:0px; width:148px;}
.mem-detail-wrap .detail-box .list span.img img{width:100%;}
.mem-detail-wrap .detail-box .list dl dt{overflow:hidden; border-bottom:1px dotted #d8dadd; padding-bottom:15px; margin-bottom:20px;}
.mem-detail-wrap .detail-box .list dl dt p.btxt{font-size:20px; color:#222222; font-weight:600; float:left;}
.mem-detail-wrap .detail-box .list dl dt p.btxt span{font-size:14px; color:#666666; font-weight:100; padding-left:5px;}
.mem-detail-wrap .detail-box .list dl dd{font-size:14px; color:#666666; margin-bottom:5px; position:relative;}
.mem-detail-wrap .detail-box .list dl dd:after{position:absolute; top:8px; left:0px; display:block; width:5px; height:2px; background:#888888; content:"";}
.mem-detail-wrap .detail-box .list dl dd span{width:80px; padding-left:10px; display:inline-block; font-weight:600; color:#333333;}
.mem-detail-wrap .detail-box .career{padding:28px; background:#f7f7f7; border:1px solid #dddddd;}
.mem-detail-wrap .detail-box .career .btxt{font-size:15px; color:#333333; padding-left:12px; font-weight:600; position:relative; margin-bottom:5px;}
.mem-detail-wrap .detail-box .career .btxt:after{position:absolute; top:5px; left:0px; display:block; width:8px; height:8px; background:#333333; content:""; border-radius:50%;}
.mem-detail-wrap .detail-box .career ul li{font-size:14px; color:#666666; padding-left:10px; position:relative; margin-bottom:3px;}
.mem-detail-wrap .detail-box .career ul li:after{position:absolute; top:9px; left:0px; display:block; width:5px; height:2px; background:#888888; content:"";}