@charset "utf-8";

#skip, .skip { font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }

/*고객정보*/
#subwrapRes { position:relative; width:1280px;  margin:0 auto;  padding:10px 0 30px 0;}
#content1 div.con01 { float:left; width:410px;  margin-right:22px; padding-top:50px;}
#content1 div.con02 { float:left; width:410px;  padding-top:50px;}
#content1 div.con03 { float:left; width:410px;  }

#content1 div.con01_1 { float:left; width:1200px;  margin-right:22px; padding-top:50px;}

.subtitle { width:380px; height:40px; font-size:16px; font-weight:bold; color:#314f8d; padding-left:28px; padding-top:2px; border-bottom:2px solid #2c2e3a;  background:url('/img/common/icon.jpg') no-repeat; }
.subtitle_2 { width:360px; height:40px; font-size:16px; font-weight:bold; color:#314f8d; padding-left:28px; padding-top:2px; border-bottom:2px solid #2c2e3a;  background:url('/img/common/icon.jpg') no-repeat; }
.subtitle_1 { width:165px; height:40px; font-size:16px; font-weight:bold; color:#314f8d; padding-left:28px; padding-top:2px; border-bottom:2px solid #2c2e3a;  background:url('/img/common/icon.jpg') no-repeat; }
.subtitle_3 { width:1220px; height:40px; font-size:16px; font-weight:bold; color:#314f8d; padding-left:28px; padding-top:2px; border-bottom:2px solid #2c2e3a;  background:url('/img/common/icon.jpg') no-repeat; }
.subtitle_4 { width:1070px; height:40px; font-size:16px; font-weight:bold; color:#314f8d; padding-left:28px; padding-top:2px; border-bottom:2px solid #2c2e3a;  background:url('/img/common/icon.jpg') no-repeat;   margin:0 auto; }

#reservetable { width:390px; }
#reservetable tr th { border-bottom:1px solid #e3e3e3; background:#fafafa; color:#404040; text-align:left; padding-left:18px; }
#reservetable tr td { border-bottom:1px solid #e3e3e3; text-align:right; }
#reservetable tr td.name input { width:274px; height:52px; margin-right:2px; border:1px solid #2b60b0; background:#f7f8fa;  font:18px "NanumGothicBold",Gulim; }


#reservetable2 { width:1070px;  margin:0 auto; }
#reservetable2 tr th { border-bottom:1px solid #e3e3e3; background:#fafafa; color:#404040; text-align:left; padding-left:18px; }
#reservetable2 tr td { width:300px;  border-bottom:1px solid #e3e3e3; text-align:left; }
#reservetable2 tr td.name input { width:174px; height:52px; margin-right:2px; border:1px solid #2b60b0; background:#f7f8fa;  font:18px "NanumGothicBold",Gulim; }


.tel { position:relative; top:0px; left:0px;  width:102%; height:88px; background:url('/img/common/telbg.jpg') no-repeat 6px 0px; }
.tel ul li.c1 { position:absolute; top:31px; left:43px;  }
.tel ul li.c2 { position:absolute; top:21px; left:140px;  }
.tel ul li.c3 { position:absolute; top:21px; right:17px; }
.tel ul li.c1 select { width:60px; height:px; border:0px; font:16px "NanumGothicBold",Gulim; }
.tel ul li.c2 input { width:56px; height:32px; border:0px; font:16px "NanumGothicBold",Gulim; }
.tel ul li.c3 input { width:46px; height:32px; border:0px; font:16px "NanumGothicBold",Gulim; }

.tel2 { position:relative; top:0px; left:0px;  width:102%; height:88px; background:url('/img/common/telbg.jpg') no-repeat 6px 0px; }
.tel2 ul li.c1 { position:absolute; top:31px; left:43px;  }
.tel2 ul li.c2 { position:absolute; top:21px; left:140px;  }
.tel2 ul li.c3 { position:absolute; top:21px; left:235px;  }
.tel2 ul li.c1 select { width:60px; height:px; border:0px; font:16px "NanumGothicBold",Gulim; }
.tel2 ul li.c2 input { width:66px; height:32px; border:0px; font:18px "NanumGothicBold",Gulim; }
.tel2 ul li.c3 input { width:66px; height:32px; border:0px; font:18px "NanumGothicBold",Gulim; }

.mail { position:relative; top:0px; left:0px;  width:102%; height:144px; background:url('/img/common/mailbg.jpg') no-repeat 6px 0px; }
.mail ul li.c1 { position:absolute; top:28px; right:20px; }
.mail ul li.c2 { position:absolute; top:80px; left:42px; }
.mail ul li.c3 { position:absolute; top:88px; right:20px; }
.mail ul li.c1 input { width:240px; height:30px; border:0px; font:16px "NanumGothicBold",Gulim; }
.mail ul li.c2 input { width:100px; height:30px; border:0px; font:16px "NanumGothicBold",Gulim; }
.mail ul li.c3 select { width:110px; border:0px; font:13px "NanumGothic",Gulim; }



/*달력*/
#daybt { width:206px; margin:0 auto; }
#daybt ul { margin-top:13px; }
#daybt ul li { float:left; }
#daybt ul li.daybt_left { width:42px; }
#daybt ul li.daybt_right { width:42px; }
#daybt ul li.text { width:122px; padding-top:8px; text-align:center; }

#daytablewrap { position:relative; top:15px; clear:both; }
#daytable tr th { background:#606060; color:#fff; height:44px; width:14.1%;}
#daytable tr th.sun { background:#ff0037; color:#fff; height:44px; }
#daytable tr th.satur { background:#334f8e; color:#fff; height:44px; }
#daytable tr td { background:#fff; height:50px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; text-align:right; font:12px "NanumGothic",Gulim; color:red;}
#daytable tr td.last { background:#fff; height:50px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; text-align:right; }
#daytable tr td.choice {background:#eee;}
#daytable tr td.on { background:#fffddf; color:#000}
#daytable tr td div.day { padding-right:8px; }
#daytable tr td div.reserve { padding-top:4px; padding-right:3px; color:#8e7233; cursor:pointer;}

.con03 ul li.texta textarea { width:386px; height:336px; margin-top:17px; border:1px solid #d2d2d2; overflow:hidden; }

#content2 { clear:both; width:1280px; height:auto;  border-bottom:2px solid #2c2f39; }
#content2 div.con01 { float:left; width:390px; margin-right:22px; margin-top:70px; }
#content2 div.con01_1 { float:left; width:180px; height:320px; margin-right:22px; margin-top:70px; }
#content2 div.con01_2 { float:left; width:180px; margin-right:22px; margin-top:70px; }
#content2 div.con02 { float:left; width:390px;  margin-top:70px; }
.con03 { clear:both; width:1240px; margin-top:70px; padding-top:50px; }

.subject { margin-top:20px; font:13px "NanumGothic",Gulim; }
.subject div ul li { padding-left:10px; padding-top:6px;  }
.subject div ul li span { padding-left:6px;  }

.subject div.subject01 { float:left; width:195px;height:260px;overflow:hidden; }
.subject div.subject01 select.part_type {width:195px;height:120px;margin-bottom:10px;}
.subject div.subject01 select.doctor {width:195px;height:250px;margin-bottom:10px;}
.subject div.subject02 { float:left; width:195px;height:250px;overflow:hidden; margin-left:0px; }

#timetablewrap { clear:both; padding-top:16px; overflow-y:scroll;width:390px;height:250px;}
#timetablewrap div.timetableDiv {display:inline-block;width:140px;padding:10px 20px;border:1px solid #fff;}
#timetablewrap div.timetableDivOn {display:inline-block;width:140px;padding:10px 20px;border:1px solid #ddd;}
#timetablewrap div.timetableDiv span.img {}
#timetablewrap div.timetableDiv span.time{ background:#fff; height:36px; font:bold 13px "NanumGothic",Gulim; color:#334f8e;padding-left:20px;}

.con03 ul li.texta2 textarea { width:100%; height:100px; margin-top:24px; border:1px solid #d2d2d2;  font:15px "NanumGothic",Gulim;}
.con03 ul li.ch { margin-top:18px; font:14px "NanumGothicBold",Gulim; }
.con03 ul li.ch span { padding-left:6px; }

#reservebt {  position:relative;width:800px; height:60px; padding-top:50px; float:left; padding-left:440px;}
#reservebt p { position:absolute; right:0px; top:50px; width:120px;padding:20px 0px;background:#314F8F;color:#fff;cursor:pointer; text-align:center; }
#reservebt input[type=submit] {width:120px;padding:20px 0px;background:#314F8F;color:#fff;border:0px;}


#reservebt2 {  position:relative;width:800px; height:60px; padding-top:50px; float:left; padding-left:440px;}
#reservebt2 input[type=submit] {width:320px;padding:20px 0px;background:#314F8F;color:#fff;border:0px;}


#infotable { width:390px; }
#infotable tr th { border-bottom:1px solid #e3e3e3; background:#fafafa; color:#404040; text-align:left; padding-left:18px; }
#infotable tr td { border-bottom:1px solid #e3e3e3; padding-left:20px;   font:16px "NanumGothic",Gulim;}
#infotable select{height:30px; font:16px "NanumGothic",Gulim; }