@charset "euc-kr";

@import "layout.css";
@import "table.css";
@import "common.css";

/* ¾ÈÅ׳ª ½ÃÇè ÃøÁ¤ */
.measurementStepArea{margin-top:-36px;padding:51px 0 0 0;width:100%;height:173px;overflow:hidden;background:url("../../images/reservation/bg_reservationArea.gif") bottom right no-repeat;}
.measurementStepArea p{width:100%;overflow:hidden;padding-bottom:16px;}

/* ¾ÈÅ׳ª ±â¼ú ±³À° */
.techniqueStepArea{margin-top:-36px;padding:51px 0 0 0;width:100%;height:173px;overflow:hidden;background:url("../../images/reservation/bg_reservationArea2.gif") bottom right no-repeat;}
.techniqueStepArea p{width:100%;overflow:hidden;padding-bottom:16px;}

/* ±³À°Àå °ßÇÐ ½Åû */
.observationStepArea{margin-top:-36px;padding:51px 0 0 0;width:100%;height:173px;overflow:hidden;background:url("../../images/reservation/bg_reservationArea3.gif") bottom right no-repeat;}
.observationStepArea p{width:100%;overflow:hidden;padding-bottom:16px;}

/* ¿¹¾à ½Åû */
#reservationArea{}
#reservationArea .step1Area{width:176px;overflow:hidden;float:left;}
#reservationArea .step1Area .step1Cnt{width:176px;min-height:153px;padding-bottom:17px;background:url("../../images/reservation/bg_step1Cnt.gif") left bottom repeat-y;}
#reservationArea .step1Area .step1Cnt h4{padding:0px;margin:0px;}
#reservationArea .step1Area .step1Cnt ul{padding:0px 10px;}
#reservationArea .step1Area .step1Cnt ul li{padding-bottom:3px;line-height:1%;}
#reservationArea .step1Area .step1Cnt ul li img{display:block;}

#reservationArea .step2Area{width:259px;padding-left:38px;overflow:hidden;float:left;background:url("../../images/reservation/bg_arrow1.gif") 8px 75px no-repeat;}
#reservationArea .step2Area .step2Cnt{width:259px;padding-bottom:17px;background:url("../../images/reservation/bg_step2Cnt.gif") left bottom repeat-y;}
#reservationArea .step2Area .step2Cnt h4{padding:0px;margin:0px;}

#reservationArea .step3Area{width:194px;padding-left:38px;overflow:hidden;float:left;background:url("../../images/reservation/bg_arrow1.gif") 8px 75px no-repeat;}
#reservationArea .step3Area .step3Cnt{width:194px;min-height:153px;padding-bottom:17px;background:url("../../images/reservation/bg_step3Cnt.gif") left bottom repeat-y;}
#reservationArea .step3Area .step3Cnt h4{padding:0px;margin:0px;}
#reservationArea .step3Area .step3Cnt ul{margin:2px 0 0 11px;width:173px;overflow:hidden;}
#reservationArea .step3Area .step3Cnt ul li{padding:0 7px;width:159px;height:24px;background:url("../../images/reservation/bg_step3List.gif") left top no-repeat;position:relative;color:#fff;font-weight:bold;line-height:24px;}
#reservationArea .step3Area .step3Cnt ul li input.checkbox{position:absolute;top:5px;right:9px;}

#reservationArea .step4Area{padding-top:20px;width:705px;overflow:hidden;clear:left;}
#reservationArea .step4Area .step4Cnt{width:705px;overflow:hidden;padding-bottom:17px;background:url("../../images/reservation/bg_step4Cnt.gif") left bottom repeat-y;}
#reservationArea .step4Area .step4Cnt h4{padding:0px;margin:0px;}
#reservationArea .step4Area .step4Cnt p{font-size:14px;font-weight:bold;padding:10px 15px;width:675px;overflow:hidden;}
#reservationArea .step4Area .step4Cnt table{margin:0 auto;width:650px;}
#reservationArea .step4Area .step4Cnt table th{text-align:left;padding:0 10px;height:25px;}
#reservationArea .step4Area .step4Cnt br{text-align:left;padding:0 10px;height:25px;}


.dateSelectArea{margin:12px auto;width:217px;overflow:hidden;text-align:center;}
.dateSelectArea img{vertical-align:top;}
.dateSelectArea p{display:inline;padding:0 15px;font-size:18px;font-weight:bold;}

.calenderType1{margin:0 auto;width:217px;background:url("../../images/reservation/bg_calenderType1.gif") left top repeat-y;}
.calenderType1 th{height:31px;text-align:center;}
.calenderType1 td{height:31px;text-align:center;font-size:14px;font-weight:bold;color:#fff;}
.calenderType1 td.on{color:#2d4b8b;}

.measurementTbl th{height:28px;border-left:1px solid #bdcbec;border-bottom:1px solid #bdcbec;color:#26468e;padding-left:8px;text-align:left;}
.measurementTbl th.first-child{border-left:1px solid #fff;}
.measurementTbl td{border-left:1px solid #bdcbec;border-bottom:1px solid #bdcbec;padding:0 8px;}
.measurementTbl table{border-left:1px #fff solid;border-bottom:3px #7296d5 solid;}
.measurementTbl{margin:0 auto;width:675px;padding-top:4px;background:url("../../images/reservation/bg_measurementTbl.gif") left top no-repeat;}

.measurementTbl2 th{height:28px;border-left:1px solid #bdcbec;border-bottom:1px solid #bdcbec;color:#26468e;padding-left:8px;text-align:left;}
.measurementTbl2 th.first-child{border-left:1px solid #fff;}
.measurementTbl2 td{border-left:1px solid #bdcbec;border-bottom:1px solid #bdcbec;padding:0 8px;}
.measurementTbl2{margin:10px auto;width:675px;border-top:3px #bdcbec solid;border-left:1px #fff solid;border-bottom:3px #bdcbec solid;}

.degreeArea{margin:0 auto;width:223px;border:1px solid #7cb0d6;padding:2px;background:#fff;}
.degreeArea table{background:#f6f6f6;}
.degreeArea table th{height:30px;}
.degreeArea table td{font-size:14px;color:#4b4b4b;font-weight:bold;text-align:center;padding:8px;}
.degreeArea table td p{height:30px;line-height:30px;background:#fff;}