@charset "utf-8";

label{cursor:pointer;}
.mdDefaultDiv { position: relative; float:left;}
.mdW100 { width:100%;}
.mdResponsiveBody {font-weight: 400; line-height:1.6; margin: 0; padding: 0; font-family: 'Nanum Gothic' !important; margin:0 auto; min-width:400px; max-width:1200px;}
.mdResponsiveBody p{padding:0; margin:0;}
.mdUl{padding:0; margin:0; list-style:none;}
.mdLi{padding:0; margin:0; list-style:none;}

.mdBold{font-weight:600;}
.mdFloat{float:left;}
.mdFloatRight{float:right;}
.mdFloatnone{float:none; vertical-align:middle; margin-bottom:3px;}

.mdTal{ text-align:left;}
.mdTac{text-align:center;}
.mdTar{text-align:right;}

.mdBaseInline{display:inline-block; zoom:1; *display:inline;}
.mdPointer{ cursor:pointer;}
.mdPx13{font-size:13px;}
.mdPx25{font-size:25px;}
.mdRedT{color:#ff0000;}
.mdBold{font-weight:600;}
/*main*/
.mdFix{position:relative; width:800px; margin: 0 auto;}
.mdBgBox{position:relative; max-width:800px; margin:0 auto;}
.mdReservBox{position:relative; width:50%; float:left; color:#666666;}

.mdMainTit{font-size:25px; font-weight:600; vertical-align:middle; height:35px; line-height:35px;}
.mdMainSubTxt{font-size:15px; line-height:1.4; margin-top:25px; margin-bottom:25px;}
a.mdBtn01{display:inline-block; color:#ffffff; width:100%; height:45px; line-height:45px; font-weight:600; vertical-align:middle; text-align:center; text-decoration:none;}
.mdPcLine{position:absolute; width:1px; z-index:11;top:0px;bottom:0px; right:50%;}
.mdTabLine{display:none;}
.mdMoCon{display:none;}
.mdPcCon{display:block;}
/*로그인*/
.mdLoginInput{height:40px; border:1px solid #dddddd; font-family: 'Nanum Gothic','나눔고딕'; width:100%; padding:0; text-indent:10px;}
.mdInputLine{ margin:3px 0;}
.mdTxtBtn{color:#666666; text-decoration:none;}
.mdTxtBtn:hover{text-decoration:underline;}


/*예약확인*/
.mdTable{position:relative; float:left; width:100%; display:table; font-size:14px;}
.mdTableRow{ display:table-row;}
.mdHiddenRow{ display:table-row;}
.mdTable th{display:table-cell; font-weight:600; color:#ffffff; height:45px; line-height:45px; vertical-align:middle; text-align:center;padding:0 5px;}
.mdTable td{display:table-cell; border-bottom:1px solid #d2d2d2; min-height:40px; line-height:1.6; vertical-align:middle; text-align:center; padding:5px;}
.mdTable td.mdHiddenTd{position:relative; text-align:left; line-height:1.8;}
.mdTable td.mdMoTd{display:table-cell;}
.mdTableTh{display:table-row;}
.mdMobileTh{display:none;}
.mdMoTableLine{display:none;}
.mdReservBtn{padding:0 5px; color:#ffffff; text-decoration:none; display:inline-block; width:60px; height:40px; line-height:40px; vertical-align:middle; border-radius:5px;}
.mdReservCancelBtn{padding:0 5px; color:#ffffff; text-decoration:none; display:inline-block;  width:60px; height:40px; line-height:40px; vertical-align:middle; border-radius:5px; margin-bottom:10px;}
.mdReservCancelBtn:hover{}

.mdCloseBtn{position:absolute; top:0px; right:0px; width:15px; height:15px; line-height:15px; vertical-align:middle;}
.mdHiddenSbj{color:#333333; font-weight:600; margin-right:5px;}
.mdArrowBtn{display:none;}


/*예약하기폼*/
.mdCalWrap{position:relative; margin-right:400px; height:540px;background:#f7f7f9; padding:0 25px;}
.mdCalFormWrap{position:absolute; width:400px; height:540px; right:0px; top:0px; color:#ffffff;}
.mdTime{font-size:13px; padding:0; margin:0; letter-spacing:-0.6px;}
/*예약하기 달력*/
.mdCalTop{position:relative;width:100%; height:60px; line-height:60px; vertical-align:middle; margin:0 auto; text-align:center; padding-top:10px; font-size:30px; font-weight:600; letter-spacing:-1pt; color:#333333; font-family: 'Nanum Gothic','나눔고딕';}
.mdPrevMonth{position:absolute; left:0px; top:20px;}
.mdNextMonth{position:absolute; right:0px; top:20px;}
.mdCal_info{position:relative; font-size:14px; height:20px; line-height:20px; vertical-align:middle; text-align:center; padding-bottom:20px; font-family: 'Nanum Gothic','나눔고딕';}
.mdRervCalendar{margin:0 auto; border-left:1px solid #d2d2d2; font-size:14px; font-weight:600; font-family: 'Nanum Gothic','나눔고딕';}
.mdRervCalendar th{ width:14px; height:40px; line-height:40px; vertical-align:middle; color:#fff; font-weight:600;}
.mdRervCalendar td{position:relative; border-right:1px solid #d2d2d2; background:#ffffff; height:50px; border-bottom:1px solid #d2d2d2;}
.mdSun{color:#ff0000;}
.mdSat{color:#5cb0ff;}
.today{position:absolute; width:100%; height:3px;bottom:0px; margin:0;}

.mdDayBox{position:absolute; left:0px; right:0px; bottom:0px; top:0px; background:#ffffff;  height:50px; margin:0;}
/*.mdDayBox:hover{background:#f4f4f4;}*/
.mdDaySelect{position:absolute; left:0px; right:0px; bottom:0px; top:0px; background:#94ffff; height:40px; padding:0; margin:0;}
.mdDayResrvDay{position:absolute; left:0px; right:0px; bottom:0px; top:0px; background:#ebffff; height:40px; padding:0; margin:0; cursor:pointer;}
.mdDayResrvDay:hover{position:absolute; left:0px; right:0px; bottom:0px; top:0px; background:#94ffff; height:40px; padding:0; margin:0;}
.mdNumber{position:absolute; left:5px; top:5px;}

.mdDotLine{position:relative; padding:5px 0; border-bottom:1px dashed #ffffff; font-size:17px;}
.mdCalFormTit{display:inline-block; margin-right:10px; font-weight:600;}
.mdCalFormTxt{font-size:25px;font-weight:600; letter-spacing:-0.6pt;}
.mdCalTimeBox{width:100%; height:210px; background:#ffffff; margin-top:5px; color:#333333; font-size:15px; font-weight:600; overflow:auto;}
.mdSelectTime{text-indent:10px; padding:3px 0; cursor:pointer;}
.mdSelectTime:hover{background:#edffff;}
p.mdTit{ padding-bottom:10px; margin-bottom:10px;}
/*폼*/
.mdFormLi{position:relative; padding:10px 0px; min-height:35px; border-bottom:1px solid #d2d2d2;}
.mdFormTit{position:absolute; top:12px; font-weight:600; font-size:18px;}
.mdFormInputDiv{margin-left:150px;}
.mdCalSelectBox{ max-width:calc(100% - 80px); padding:7px 5px; font-size:15px; border:1px solid #d2d2d2; font-family: 'Nanum Gothic','나눔고딕', 'NanumGothic'; }
.mdCalSelectBox:focus{background:#f5ffff; border:1px solid #94ffff;}
.mdRervInput{height:35px; line-height:35px; border:1px solid #d2d2d2; font-size:15px; text-indent:10px;}
.mdRervInput:focus{background:#f5ffff; border:1px solid #94ffff;}
.mdTxtArea{width:100%; height:100px; resize:none; text-indent:0; padding:0;  font-family: 'Nanum Gothic','나눔고딕', 'NanumGothic'; line-height:1.6;}


.mdAgreeBG{background:#eeeeee;}
.mdAgreeWrap{background:#ffffff; border:1px solid #d2d2d2; width:100%; height:150px; overflow-y:scroll;}

.mdReser { font-size: 0; text-align: center;}
.mdReser > div { display: table; margin: 0 auto;}
.mdReser > div > div { display: table-cell; vertical-align: top; font-size: 13px; width: 50%; margin: 0 auto; background: #f6f6f6; box-sizing: border-box; border: 1px solid #ddd; text-align: left;}

@media all and (max-width:799px){
.mdMoCon{display:block;}	
.mdPcCon{display:none;}
/*main*/
.mdFix{position:relative; width:400px; margin:0 auto;}
.mdMainTit{text-align:center;}
.mdMainSubTxt{text-align:center; margin-bottom:25px;}

.mdReservBox{width:100%;}
.mdPcLine{display:none;}

.mdTabLine{position:absolute; height:1px; z-index:11; top:50%; left:0px; right:0px; display:block;}

/*예약확인*/
.mdTable td.mdMoTd{text-align:left; border-bottom:none; min-height:20px; padding:2px;display:block;}
.mdTable td.mdHiddenTd{position:relative; border-bottom:none;}
.mdMoTableLine{display:table-row;}
.mdMoTableLine td{padding:0; height:1px; border-bottom:none; min-height:1px;}
.mdMobileTh{display:inline-block;width:60px; height:20px; line-height:20px; vertical-align:middle; margin-right:5px; color:#ffffff; text-align:center; border-radius:5px;}
.mdTableTh{display:none;}
.mdCloseBtn{display:none;}
.mdMoTopLine{border-top:1px solid #d2d2d2;}
.mdReservBtn{position:relative; color:#ffffff; text-decoration:none; display:inline-block; width:100%; height:40px; line-height:40px; vertical-align:middle; text-align:center; padding:0;}

.mdArrowBtn{display:inline-block; margin-left:5px; }

/*예약하기폼*/
/*예약하기 달력*/
.mdCalWrap{position:relative; float:left; width:100%;height:540px; padding:0 0px; }
.mdCalFormWrap{position:relative; float:left; width:100%; height:540px;}
.mdRervCalendar td{height:40px; }
.mdDayBox{ height:40px;}
.mdDotLine{font-size:15px; padding:5px;}

.mdCalFormTxt{font-size:20px; }

/*폼*/
.mdFormLi{position:relative; padding:5px 0px; min-height:35px;}
.mdFormTit{position:absolute; top:12px; font-weight:600; font-size:15px;}

.mdFormInputDiv{margin-left:90px;}

.moPadding { padding: 0 15px;}
}

@media all and (max-width:500px){
	.mdResponsiveBody {min-width:320px; max-width:400px;}
	.mdFix{position:relative; width:100%; margin:0 auto;}
	.mdBgBox{width:100%;}
	.mdCalWrap{position:relative; float:left; width:100%;height:450px; padding:0 0px; }
	a.mdBtn01{position:relative; top:0px; right:0px; display:inline-block; color:#ffffff; width:100%; height:45px; line-height:45px; font-weight:600; vertical-align:middle; text-align:center; text-decoration:none;}

	.mdReser { font-size: 0; text-align: center;}
	.mdReser > div { display: block; }
	.mdReser > div > div { display: block; vertical-align: top; font-size: 13px; width: 100%; margin: 0 auto; background: #f6f6f6; box-sizing: border-box; border: 1px solid #ddd; text-align: left;}

	
}