@import url('basic.css');

.mgT_1 {margin-top: -1px;}
.mgT_3 {margin-bottom: -3px;}
.mgT_12 {margin-top: -12px;}
.mgT_15 {margin-top: -15px;}
.mgT3 {margin-top: 3px;}
.mgT5 {margin-top: 5px;}
.mgT10 {margin-top: 10px;}
.mgT15 {margin-top: 15px;}
.mgT20 {margin-top: 20px;}
.mgT25 {margin-top: 25px;}
.mgT30 {margin-top: 30px;}
.mgT31 {margin-top: 31px;}
.mgT34 {margin-top: 34px;}
.mgT42 {margin-top: 42px;}
.mgR17 {margin-right: 17px; margin-left: 3px;}

.mgB5 {margin-bottom: 5px;}
.mgB10 {margin-bottom: 10px;}
.mgB12 {margin-bottom: 12px;}
.mgB20 {margin-bottom: 20px;}
.mgB30 {margin-bottom: 30px;}
.mgB34 {margin-bottom: 34px;}

.mgt27 {margin-top: 27px;}
.pdL47 {padding-left: 47px;}

.dOption {margin-bottom: 20px; border-bottom: 3px solid #9a8342;}

.txt {height: 14px; padding: 3px 0 0 5px; border: 1px solid #b5ada9; background: #f8f8f8; font-size: 11px; font-family: dotum; color: #999;}
/*.txtcal {height: 14px; padding: 3px 0 0 5px; border: 1px solid #7f9db9; font-size: 11px; font-family: dotum;}*/
/*.txtcal {height: 14px; padding: 3px 0 0 5px; border: 1px solid #7f9db9; font-size: 10px; font-family: dotum;}*/
.chk {width: 12px; height: 12px; margin-right: 3px;}
.rdo {width: 13px; height: 13px; border: none;}
.redTx {color: #a13e41;}

.check {width: 668px; margin-top: 10px; text-align: center;}
.check li {display: inline; padding: 0 12px; color: #666; text-align: center; }
.check li label {color: #000;}

h3.titActive {width: 668px; height: 23px; background: #a39b83;}
h3.titNone {float: left; width: 668px; height: 23px; background: #d2cfc7;}

h3.numTit {width: 643px; height: 26px; padding: 1px 0 0 0;}
/*h3.numTit {width: 643px; height: 26px; padding: 1px 0 0 25px;}*/
h3.numTit span {}
h3.numTit1 {float: left; width: 66px; height: 26px; padding: 11px 0 0 20px;}
h3.numBasic {width: 668px; height: 23px;}
h3.numBasic .fl_r {margin-top: 3px;}

h3.num01 {background: url('../../images/Korean/korean/reservation/num01.gif') no-repeat 0 0;}
h3.num02 {background: url('../../images/Korean/korean/reservation/num02.gif') no-repeat 0 0;}
h3.num03 {background: url('../../images/Korean/korean/reservation/num03.gif') no-repeat 0 7px;}

h4.subTitle {width: 637px; height: 22px; padding-top :15px;}
h4.subTitle span {float: right; margin-top: 5px;}

h4.subTitle input {margin-left: 5px;}
h4.subTitle label {font-size: 11px; color: #666; vertical-align: middle; font-weight: normal;}
h5.subTit {width:651px; height: 12px; padding: 10px 0 10px 9px;}
.appInfoNum {height: 23px;}

.step {width: 656px; height: 28px; padding-top: 10px; padding-right: 12px; border-bottom: 3px solid #9a8342; text-align: right;}
.stepA {width: 656px; height: 68px; padding-top: 10px; padding-right: 12px; border-bottom: 3px solid #9a8342; text-align: right;}

.standardInfo {float: left; width: 668px; }
.standardInfo label {display: block; font-weight: bold; color: #7c7c7cf; }

.standardInfo .optionWrap {width: 668px; padding-bottom: 20px; background: #e7e5db; overflow: hidden;  }
.standardInfo .optionWrap ul.selectList {float: left; margin: 17px 0 0 28px; display: inline;}
.standardInfo .optionWrap ul.selectList li {float: left; height: 34px;}
.standardInfo .optionWrap ul.selectList li.option1 {width: 180px;}
.standardInfo .optionWrap ul.selectList li.option2 {width: 132px;}
.standardInfo .optionWrap ul.selectList li.option3 {width: 79px;}
.standardInfo .optionWrap ul.selectList li.option4 {width: 105px;}
.standardInfo .optionWrap ul.selectList li.option5 {width: 159px;}
.standardInfo .optionWrap p {clear: both; width: 250px; padding-left: 418px; color: #888;}
.standardInfo .optionWrap p strong {margin: 0 0 0 5px; padding: 0 2px; background: url('../../images/Korean/reservation/bg_ea.gif') no-repeat center bottom; color: #a13e41;}

.selectListNew select{ font-size:13px !important; height:20px; margin-top:2px;}
.selectListNew input{ font-size:13px !important; height:14px !important; margin-top:1.5px;}

.standardInfo .optionWrapAdd {width: 668px; padding-bottom: 7px; border-top: 1px solid #fff; overflow: hidden;}
.standardInfo .ac {background: #e7e5db;}
.standardInfo .ac label {color: #7c7c7c;}

.standardInfo .acNone {background: #f5f3f1;}
.standardInfo .acNone label {color: #9c9c9c;}

.standardInfo .optionWrapAdd ul.selectList {float: left; margin: 8px 0 0 28px; display: inline; }
.standardInfo .optionWrapAdd ul.selectList li {float: left; height: 34px;}
.standardInfo .optionWrapAdd ul.selectList li.hotelKind {width: 84px;}
.standardInfo .optionWrapAdd ul.selectList li.checkIO {width: 195px;}
.standardInfo .optionWrapAdd ul.selectList li.bed {width: 90px;}
.standardInfo .optionWrapAdd ul.selectList li.roomKind {width: 251px;}
.standardInfo .optionWrapAdd ul.selectList li.adult {width: 84px;}
.standardInfo .optionWrapAdd ul.selectList li.child {width: 79px;}
.standardInfo .optionWrapAdd ul.selectList li.theme {width: 150px;}
.standardInfo .optionWrapAdd ul.selectList li.packageKind {width: 210px;}

.standardInfo .optionWrapAdd ul.selectList li.smoke {width: 105px;}
.standardInfo .optionWrapAdd ul.selectList li.breakfast {width: 159px;}
.standardInfo .optionWrapAdd ul.selectList li.movie {width: 105px;}
.standardInfo .optionWrapAdd ul.selectList li.wine {width: 105px;}
.standardInfo .optionWrapAdd ul.selectList li.rentCar {width: 95px;}

.standardInfo .optionWrapAdd p {float: left; margin-top: 28px; margin-left: -10px; color: #888; }
.standardInfo .optionWrapAdd p strong {margin: 0 0 0 0px; padding: 0 2px; color: #888;}
/* //20090224 추가 */

.standardInfo .optionWrapA .packSelectA {height: 49px;}
.standardInfo .optionWrapA .packSelectA li {float: left; height: 49px;}
.standardInfo .optionWrapA .packSelectB {height: 34px;}
.standardInfo .optionWrapA .packSelectB li {float: left;  height: 34px;}
.standardInfo .optionWrapA .packOp1 {width: 210px;}
.standardInfo .optionWrapA .packOp2 {width: 210px;}
.standardInfo .optionWrapA .packOp3 {width: 127px;}
.standardInfo .optionWrapA .packOp4 {width: 79px;}
.standardInfo .optionWrapA .packOp5 {width: 79px;}
.standardInfo .optionWrapA .packOp6 {width: 72px;}
.standardInfo .optionWrapA {width: 640px; height: 100px; padding: 17px 0 20px 28px; background: #e7e5db;}
.standardInfo .optionWrapA p {clear: both; padding-top: 3px; padding-left: 205px; color: #888;}
.standardInfo .optionWrapA p strong {padding: 0 2px; background: url('../../images/Korean/reservation/bg_ea.gif') no-repeat center bottom; color: #a13e41;}

.calendar {width: 369px; padding: 5px 9px 7px 9px; border: 1px solid #cdb5a0;}
.calendar span {display: block;  height: 14px; text-align: right;}
.calendar dl {width: 363px; height: 18px; margin-bottom: 5px; border: 3px solid #b0a498; background: #b0a498; font-weight: bold; }
.calendar dl dt {float: left; height: 18px; line-height: 18px; color: #fff}
.calendar dl dd {float: left; height: 18px; line-height: 18px; color: #625a52; background: #f5f1e8;}
.calendar dl dt.chkIn {width: 67px; text-indent: 13px}
.calendar dl dt.chkOut {width: 78px; text-indent: 19px}
.calendar dl dd {width: 109px; text-align: center;}

.calendar .month {
	width: 161px;
	height: 119px;
	margin-bottom: 7px;
	border-top: 7px solid #f5f1e8;
	border-left: 11px solid #f5f1e8;
	border-right: 10px solid #f5f1e8;
	border-bottom: 10px solid #f5f1e8;
	background: #f5f1e8;}
.calendar .month p {height: 15px; color: #846b54; font-weight: bold; text-align: center;}
.calendar .month p a {padding: 4px 4px 4px 4px;}
.calendar .month p a img {vertical-align: middle;}

.calendar table {width: 161px; margin: 0 auto; text-align: center;}
.calendar table th {width: 22px; height: 13px; font-weight: normal; color: #c7c5c0; font-family: tahoma; font-size: 9px;}
.calendar table th.sun {color: #e0928d;}
.calendar table th.sat {color: #94abda;}
.calendar table td {width: 22px; height: 17px; border-right: 1px solid #f5f1e8; border-bottom: 1px solid #f5f1e8; background: #fff; color: #666666;}
.calendar table td.sun {color: #cc3333;}
.calendar table td.choice {background: #cfa77d; color: #fff;}
.calendar table td.enable {background: #dedad4;}

.calendar .btn_area {width: 369px;}
.calendar .btn_area a {padding-left: 4px;}

.roomPrice {
	width: 252px; 
	height: 87px;
	margin-bottom: 5px;
	border: 1px solid #9c8648; 
	overflow: scroll; 
	overflow-x: hidden;
	
	scrollbar-highlight-color:#efe7da;
	scrollbar-3dlight-color:#959595;
	scrollbar-face-color:#efe7da;
	scrollbar-shadow-color:#959595;
	scrollbar-darkshadow-color:#e7dece;
	scrollbar-track-color:#e7dece;
	scrollbar-arrow-color:#9d8a75;
}
.roomPrice table {width: 100%}
.roomPrice table th {width: 50%; height: 16px; border-right: 1px solid #ebe4d1; background: #a99985; }
.roomPrice table td {width: 50%; height: 23px; border-right: 1px solid #ebe4d1; border-bottom: 1px solid #ebe4d1; text-align: center; color: #694a1d;}
.roomPrice table td.price {font-weight: bold; padding-left:5px;}
/*.roomPrice table td.price {font-weight: bold;}*/

.roomGuide {float: left; width: 668px; padding-top: 15px; padding-bottom: 20px; border-top: 1px solid #e4e0d7; border-bottom: 1px solid #e4e0d7;}
.roomGuide h3 {height: 27px;}
.roomGuide .fl_l {width: 286px;}
.roomGuide .fl_r {width: 382px;}
.roomGuide .roomName {width: 382px; height: 26px;}
.roomGuide .roomName h4 {float: left; padding-top: 3px; color: #000; font-size: 14px;}
.roomGuide .roomName a {float: right;}

.roomGuide .roomSpec {width: 370px; margin-top:10px; padding: 15px 0 0 12px; background: #fff; border-top:4px solid #f0ece8; border-bottom:4px solid #f0ece8; }
.roomGuide .roomSpec dl {}
.roomGuide .roomSpec dl dt {float: left; height: 15px;}
.roomGuide .roomSpec dl dt.price {width: 45px;}
.roomGuide .roomSpec dl dd.price {width: 99px; font-weight: bold; font-size: 13px; color: #333;}

.roomGuide .roomSpec dl dd {float: left; height: 21px;}
.roomGuide .roomSpec dl dt.size {width: 42px;}
.roomGuide .roomSpec dl dd.size {width: 148px; color: #666;}

.roomSpecNew { background:#fff !important; border-bottom: 4px solid #f0ece8; border-top: 4px solid #f0ece8; height:30px !important; margin-top:20px;}
.detailRoom { font-size:13px !important; }
.RoomPriceNew td { font-size:13px !important;}
.RoomPriceNew dt.price { margin-right:10px;}

h5.titPrice {height: 18px; padding-top: 6px;}
.roomPic img {border: 2px solid #ededed;}
.roomTx {width: 382px; height: 44px; padding-top: 10px; line-height: 14px; color: #888;}

.section_service {float: left; width: 343px; margin-bottom: 12px;}
.section_service h5 {height: 18px;}
.section_service ul {color: #454545;}
.section_service ul li {height: 18px; line-height: 14px; background: url('../../images/Korean/common/bu_org.gif') no-repeat 0 7px; text-indent: 9px;}

.section_facilities {float: left; width: 343px;}
.section_facilities h5 {height: 18px;}
.section_facilities p {width: 382px; line-height: 14px; color: #888;}

.optionSelect {float: left; width: 668px;}
.optionSelect dl {float: right; width: 582px; background: #f2eee5; }
.optionSelect dl dt {float: left; height: 23px; padding-top: 14px; background: #f2eee5; font-weight: bold; color: #825f3f;}
.optionSelect dl dd {float: left; height: 26px;  padding-top: 11px; background: #f2eee5;}
.optionSelect dl dd select {font-size: 11px;}

.optionSelect dl dt.smoke {width: 79px; text-indent: 20px;}
.optionSelect dl dd.smoke {width: 90px;}

.optionSelect dl dt.breakfast {width: 32px;}
.optionSelect dl dd.breakfast {width: 87px;}

.optionSelect dl dt.package {width: 68px;}
.optionSelect dl dd.package {width: 87px;}

.optionSelect dl dt.rentacar {width: 42px;}
.optionSelect dl dd.rentacar {width: 97px;}

.btnArea {float: left; width:100%; padding-top: 15px; border-top: 1px solid #a39b83;}
.btnArea p {color: #999; height: 34px; letter-spacing: -1px;}
.btnArea p img {float: left}/* 20090323 추가 */
.btnArea p a {float: left; width: 101px; margin-right: 12px; margin-bottom: 7px;}
.btnArea span {margin-top: 5px;}
.btnArea span a {margin-left: 8px;}

.btnAreaNew { position:relative;}
.btnAreaNew .fl { float:left;}
.btnAreaNew .fr { float:right; text-align:left;}
.btnAreaNew .fr a { margin-left:10px; }

.reserCustomer {clear: both; padding-bottom: 20px;border-bottom: 1px solid #9a8342;}
.reserCustomer .line {width: 637px; border-top: 14px solid #f2eee6; border-left: 15px solid #f2eee6; border-bottom: 14px solid #f2eee6; border-right: 14px solid #f2eee6;}

.reservationTBL {width: 637px;}
.reservationTBL th {width: 102px; height: 29px; padding-left: 25px; border-bottom: 1px solid #f0ece8; background: #f8f6f1; text-align: left;}
.reservationTBL td {width: 500px; height: 29px; padding-left: 10px; border-bottom: 1px solid #f0ece8; background: #fff;}
.reservationTBL td * {vertical-align: middle;}
.reservationTBL .first th,
.reservationTBL .first td {border-top: 1px solid #9a8342;}
.reservationTBL .last th,
.reservationTBL .last td {border-bottom: 1px solid #9a8342;}
.vtImg {vertical-align: top;}
.vtImg img{margin-top: 20px;}
.reservationTBL .tdLong {padding-top: 5px; padding-bottom: 7px;}
p.sms {padding-top: 5px;}
label.sms {color: #333;}

.thStar {background: url('/images/Korean/reservation/th_star.gif') no-repeat left top; }
.reservationTBL textarea {width: 478px; height: 53px; padding: 5px; border: 1px solid #b5ada9; background: #f8f8f8; color: #999; font: normal 11px dotum; line-height: 14px;}

.reservationTBL1 {width: 637px;}
.reservationTBL1 td.tit {width: 110px; height: 29px; padding:0 10px 0 10px; border-bottom: 1px solid #f0ece8; background: #f8f6f1; text-align: left; color:#d70a0a;}
.reservationTBL th { padding:0 10px 0 10px !important; width:130px !important;}
.reservationTBL th.etcNew{ width:160px !important;}

.reservationTBL select, .reservationTBL1 select { font-size:13px; height:19px;}
.reservationTBL input, .reservationTBL1 input { font-size:13px; height:14px;}
.claim { width:460px !important;}

.reservationTBL1 td.titR { width: 102px; height: 29px; padding-left: 25px; border-bottom: 1px solid #f0ece8; background: #f8f6f1 url('../../images/Korean/reservation/redStar.gif') no-repeat 14px 12px; text-align: left;}
.reservationTBL1 td.contents {width: 194px; height: 29px; padding-left: 10px; border-bottom: 1px solid #f0ece8; background: #fff;}
.reservationTBL1 td * {vertical-align: middle;}
.reservationTBL1 .first td {border-top: 1px solid #9a8342;}
.reservationTBL1 .last td {border-bottom: 1px solid #9a8342;}
.reservationTBL1 .vtImg {vertical-align: top;}
.reservationTBL1 .vtImg img{margin-top: 10px;}
.reservationTBL1 .tdLong {padding-top: 5px; padding-bottom: 7px;}
.reservationTBL1 textarea {width: 483px; height: 53px; padding: 5px; border: 1px solid #b5ada9; background: #f8f8f8; color: #999; font: normal 11px dotum; line-height: 14px;}

.reservationTBL2 {width: 637px; border-top: 1px solid #9a8342; }
.reservationTBL2 tr.last th {border-bottom: 1px solid #9a8342;}
.reservationTBL2 tr.last td {border-bottom: 1px solid #9a8342;}
.reservationTBL2 th {width: 102px; height: 29px; padding-left: 25px; border-bottom: 1px solid #f0ece8; background: #f8f6f1; text-align: left;}
.reservationTBL2 td {width: 500px; height: 29px; padding-left: 10px; border-bottom: 1px solid #f0ece8; background: #fff;}
.reservationTBL2 td * {vertical-align: middle;}

a.delete {float: right; width: 24px; margin-top: -15px; margin-right: 8px; padding-right: 15px; background: url('../../images/Korean/btn/reservation/btn_sleepDel.gif') no-repeat right top;}

.reservationInfo {float: left;}
.reservationInfo .line {float: left; width: 637px; background: #f2eee6; border-left: 15px solid #f2eee6; border-bottom: 10px solid #f2eee6; border-right: 15px solid #f2eee6;padding-top:10px;}

.reservationBtn {position: relative; float: right; margin-right: -12px; margin-top: 3px; margin-bottom: 6px;}
.reservationInfo .line img.delbtnNew { float:right; margin-bottom:10px;}
.btnCardNum {margin-left: 5px;}
.multiNum {position: relative; float: left; width: 34px; height: 18px; margin-bottom: 10px; margin-left: -15px; padding-top: 11px; border-bottom: 1px solid #e7cfcf; text-align: center;}
.infoBtn {margin-top: 10px;}
.infoBtn a {float: left; margin-right: 8px;}
.infoBtn span {float: right; margin-top: 2px; color: #666;}


.infoList {clear: both; width: 631px; height: 54px; border: 3px solid #d2b8c1; background: #fff url('../../images/Korean/reservation/bg_total.gif') no-repeat right 50%;}

.infoListNew { font-size:13px !important;}
.infoListNew th { height:17px !important; }
.infoList table {width: 610px; margin: 14px 0 0 20px; color: #333;}
.infoList table th {height: 18px; text-align: left; vertical-align: top;}
.infoList table th.op0 {width: 78px;}
.infoList table th.op1 {width: 140px;}
.infoList table th.op2 {width: 160px;}
.infoList table th.op3 {width: 75px;}
.infoList table th.op4 {width: 90px !important;}
.infoList table th.op4_1 {width: 110px;}

.infoListA {clear: both; width: 631px; height: 98px; border: 3px solid #d2b8c1; background: #fff url('../../images/Korean/reservation/bg_totalL.gif') no-repeat right 50%;}
.infoListA table {width: 611px; margin: 14px 0 0 20px; color: #333;}
.infoListA table td {height: 40px; text-align: left; vertical-align: top; font-size:13px; }
.infoListA table td span {display: block; height: 17px;}
.infoListA table td.op0 {width: 286px;}
.infoListA table td.op1 {width: 204px;}
.infoListA table td.op2 {width: 150px;}
.infoListA table td.op3 {width: 127px;}
.infoListA table td.op4 {width: 204px; }
.infoListA table td.op5 {width: 91px;}
.infoListA table td.op5 span {margin-top: 22px;}

.btnSleep {float: left; margin-top: 10px; margin-right: 8px;}
.btnDel {float: right; margin-top: -12px;}
.btnDel img {vertical-align: top;}

.btnDel1 {float: right; margin-top: 5px;}
.btnDel1 img {vertical-align: top;}

.resevationList {width: 668px; margin-top: -3px;}
.resevationList .wrap {width: 668px; padding-bottom: 5px; border-bottom: 1px solid #b9b3a1;}
.resevationList table {width: 668px;}
.resevationList table th {height: 29px; text-align: left;}
.resevationList table td {height: 23px; color: #666;}
.resevationList table .num {width: 55px; text-indent: 11px; font: normal 10px tahoma;}
.resevationList table .check {width: 151px; text-align: left;}
.resevationList table .kind {width: 92px;}
.resevationList table .man {width: 75px;}
.resevationList table .option {width: 171px;}
.resevationList table .price {width: 68px; font-weight: bold;}
.resevationList table .del {width: 56px; text-align: center}

.phone {width: 534px; height: 86px; padding: 29px 0 0 134px; border-bottom: 3px solid #f0ece8; background: url('../../images/Korean/reservation/bg_phone.gif') no-repeat; }
.phone h4 {height: 20px; color: #000; font-size: 12px;}
.phone p {line-height: 14px; color: #666; font-size: 12px;}

.redLine {width: 662px; border: 3px solid #cc9b82; color: #333; overflow: hidden;}
.redLine
.redLine .appUnder {color: #a13e41; text-decoration: underline;}
.redLine strong {color: #a13e41;}
.redLine table {width: 659px; height: 29px; }
.redLine table td * {vertical-align: middle;}
.redLine table td.tit {height: 29px; background: #f8f6f1; text-align: left; border-bottom: 1px solid #f0ece8; }
.redLine table td.tit img {padding-left: 19px;  margin:0;}
.redLine table td.tx{text-indent: 10px; border-bottom: 1px solid #f0ece8; }

h3.userApp {width:660px; height: 17px; padding: 5px 0 0 8px; background: #b9b3a1;}
.roomAppointment {width: 668px;}
.roomAppointment table {width: 668px; color: #333; font-size:13px;}
.roomAppointment table td * {vertical-align: middle;}
.roomAppointment table td.tit {height: 29px; background: #f8f6f1; text-align: left; border-bottom: 1px solid #f0ece8; }
.roomAppointment table td.tit img {padding-left: 19px;}
.roomAppointment table td.tx{text-indent: 10px; border-bottom: 1px solid #f0ece8; }
.roomAppointment table td.tx p {padding: 7px 10px 7px 10px; line-height: 16px;}
.roomAppointment table td .ea {padding-right: 10px;}
.roomAppointment table .last .tit {vertical-align: top;}
.roomAppointment table .last .tit img {padding-top: 9px;}
.roomAppointment table .last .tx {text-indent: 0;}
.roomAppointment table .first td {border-top: 1px solid #9a8342;}
.roomAppointment table .last td {border-bottom: 1px solid #9a8342;}

.roomCustomer {color: #333;}
.roomCustomer table {width: 668px; font-size:13px;}
.roomCustomer table td {height: 29px; border-bottom: 1px solid #f0ece8;}
.roomCustomer table td * {vertical-align: middle;}
.roomCustomer table td.tit {height: 29px; background: #f8f6f1; text-align: left; border-bottom: 1px solid #f0ece8; }
.roomCustomer table td.tit img {padding-left: 19px;}
.roomCustomer table td.tx{text-indent: 10px; border-bottom: 1px solid #f0ece8; }
.roomCustomer table .last td {border-bottom: 1px solid #9a8342;}

.introTx {width: 668px; height: 82px; margin: 0px 0 21px 0; padding-top: 19px; border-bottom: 3px solid #f0ece8;  background: url('../../images/Korean/reservation/restaurantReservation.gif') no-repeat right -25px;}

.basicAgree {height: 209px;}
.basicAgree .agreeForm {clear: both; width: 666px; height: 138px; border: 1px solid #cec5a6; background: #f7f6f2; overflow-y: scroll; overflow-x: hidden;}
.basicAgree p {width: 668px; padding-top: 12px; text-align: right;}
.basicAgree p label {color: #333;}

.restDetail {width: 656px; height: 182px; padding: 6px 6px 0 6px; background: url('../../images/Korean/reservation/bg_roomDetail.gif') no-repeat 0 0;}
.restDetail .pic {float: left; width: 296px;}

.restDetail .fl_l {}
.restDetail .fl_l h4 {height: 25px; margin-top: 14px; color: #333; font-size: 14px;}
.restDetail .fl_l h4 a {margin-left: 8px; line-height: 17px;}
.restDetail .fl_l h4 a img {vertical-align: top;}
.restDetail .fl_l p {width: 336px; height: 77px; line-height: 14px;}
.restDetail .fl_l .information {width: 336px; height: 37px; padding-top: 7px; background: #e8e6e2;}
.restDetail .fl_l .information dl {margin: 0px 0 0 14px;}
.restDetail .fl_l .information dl dt {float: left; width: 53px; height: 19px;}
.restDetail .fl_l .information dl dd {float: left; width: 269px; height: 19px; color: #888;}
.restDetail .fl_l .information dl dd strong {color: #333;}
.restDetail .fl_l .information dl dd ul li {float: left; width: 128px;}
.restDetail .fl_l .information dl dd ul li img {padding-right: 10px;}

#layerPop {position: absolute; z-index: 100; width: 100%; background: #000; filter: alpha(opacity=30);}
.login {position: absolute; width: 620px; height: 246px; margin: -123px 0 0 -310px; z-index: 1000; top: 50%; left: 50%; padding: 31px 0 0 0; border: 3px solid #806d38; background: #fff; overflow: hidden;}
.login .titLogin p strong {display: block; height: 16px}

.login .titLogin {float: left; width: 246px; height:163px;}
.login .titLogin h3 {height: 39px;}
.login .titLogin strong {color: #000;}
.login .titLogin p {height: 84px; line-height: 14px;}
.login .notice {width: 582px; margin: 0 auto;}
.login .wrap {width: 543px; height: 174px; margin: 0 auto;}
.login .btnClose {position: absolute; top: 8px; right: 8px;}

.logForm {float: left;}
.logForm .logTab {width: 297px; height: 31px;}
.logForm .logTab li {float: left;}
.logForm .logTab li img {vertical-align: top;}

.logForm .loginArea {width: 266px; height: 132px; padding: 0 0 0 31px; background: #eae7e3;}
.logForm .loginArea dl {float: left; width: 176px;}
.logForm .loginArea dl dt {float: left; width: 56px; height: 26px;}
.logForm .loginArea dl dt img {padding: 4px;}
.logForm .loginArea dl dd {float: left; width: 120px; height: 26px;}
.logForm .loginArea dl dd input {float: left; width:101px; height: 13px; padding: 3px 0 0 5px; border: 1px solid #d9cfc6; font-family: dotum; font-size: 11px;}

.logService {clear: both; width: 237px; padding-top: 17px; font-weight: bold;}
.logService .fl_l {text-indent: 5px;}
.logService a {text-decoration: underline; color: #7b5a2b;}

.reserResearch {width: 579px; margin: 0 auto; padding: 37px 0 37px 47px; border: 1px solid #e8e4d5;}
.mgT30 {margin-top: 30px;}
.reserResearch .text {height: 70px; color: #666; font-size: 12px; line-height: 14px;}

.reserResearch .pwInput {width: 415px; height: 62px; padding: 20px 0 0 80px; border: 3px solid #eae5e4; background: #eae7e3;}
.reserResearch .pwInput dl {float: left; width: 280px;}
.reserResearch .pwInput dl dt {float: left; width: 100px; height: 23px; padding-top: 3px; }
.reserResearch .pwInput dl dd {float: left; width: 164px; height: 26px; }
.reserResearch .pwInput input {height: 13px; padding: 3px 0 0 5px; border: 1px solid #d9cfc6; background: #f8f8f8; font-family: dotum; font-size: 11px; color: #999;}

.inputTit {}
.inputTit h3 {height: 23px;}
.inputTit .fl_r {padding-top: 8px;}

#popWrap {width: 410px;}
#popWrap h1 {width: 410px; height: 30px;}
#popWrap .container {width: 376px; padding: 25px 0px 20px 26px; border: 4px solid #857457; border-top: none; background: #f5f4f2;}
#popWrap .container .resultTx {width: 308px; height: 49px; padding: 13px 0 0 44px; background: url('../../images/Korean/reservation/popBgBell.gif') no-repeat 0 0; color: #786045; font-weight: bold;}
#popWrap .container .resultTx u {color: #33220e;}
#popWrap .container .userCode {width: 325px; height: 54px; margin-bottom: 20px; padding: 16px 0 0 25px; background: #e9eae4;}
#popWrap .container .userCode dl {}
#popWrap .container .userCode dl dt {float: left; width: 93px; height: 22px; padding-top: 1px}
#popWrap .container .userCode dl dd {float: left; width: 200px; height: 23px;}
#popWrap .container .userCode dl dd.userName {color: #000;}
#popWrap .container .userCode dl dd.codeNum {color: #695633;}
#popWrap .container .userCode dl dd.codeNum strong {color: #000;}
#popWrap .container .popContents {height: 192px; line-height: 14px; color: #666;}
#popWrap .container .popContents u {font-weight: bold; color: #8b774f;}
#popWrap .container .btnAreaP {display: block; width: 350px; text-align: center;}
#popWrap .container .btnAreaP a {padding: 0 2px;}

#popAgree {position: absolute; top: 50%; left: 50%; width: 507px; margin: -159px 0 0 -270px;padding: 22px 0 0 25px; border: 3px solid #806d38; background:#fff; z-index: 1000; }

#popAgree h1 {height: 23px; }
#popAgree .wrap {clear: both; width: 421px; }
#popAgree .btnClose {position: absolute; top: 8px; right: 8px;}

#popAgree .agreeWord {width: 461px; height: 170px; padding: 0 10px; border: 1px solid #cec5a6; background: #f7f6f2; overflow-y: scroll; overflow-x: hidden;}
#popAgree .agreeWord .text{width: 450px; line-height: 18px;} 
#popAgree ul {margin-left: 101px; margin-top: 11px; padding-bottom: 30px; color: #333;}
#popAgree ul li {float: left; width: 124px;}

#popAgree .wrap h3 {height: 23px; color: red;}

.agree {width: 646px; font-size: 11px;}
#popAgree .wrap h3 {height: 23px; color: #999999; font-size: 11px;}
#popAgree .wrap h4 {height: 20px; padding: 10px 0 0 0; color: #999999; font-size: 11px;}
#popAgree .wrap h5 {font-weight: normal; padding-bottom: 10px; color: #8e8d92; line-height: 18px; font-size: 11px;}
#popAgree .wrap .btnTop {float: right;}
#popAgree .wrap .text p {padding-bottom: 10px; line-height: 20px;}

#popWrapA {width: 410px;}
#popWrapA h1 {width: 410px; height: 29px; background:#837457;}
#popWrapA .container {width: 354px; padding: 25px 0px 80px 20px; border: 4px solid #857457; border-top: none; background: #f5f4f2;}
#popWrapA .container .resultTx {border:1px solid red; width: 286px; height: 49px; padding: 13px 0 0 45px ; background: url('../../images/Korean/reservation/popBgBell.gif') no-repeat 0 0; color: #786045; font-weight: bold; letter-spacing: -1px;}
#popWrapA .container .userCode {width: 306px; padding: 16px 0 20px 25px; background: #e9eae4; overflow: hidden;}
#popWrapA .container .userCode dl {}
#popWrapA .container .userCode dl input.txt {background: #fff;}
#popWrapA .container .userCode dl dt {float: left; width: 62px; height: 25px; padding-top: 4px; font-weight: bold; color: #998c61;}
#popWrapA .container .userCode dl dd {float: left; width: 240px; height: 29px;}
#popWrapA .container .userCode dl dd label {margin-right: 10px;}
#popWrapA .container .userCode dl dd .ex {padding-left: 10px; color: #999; letter-spacing: -1px;}
#popWrapA .container .userCode dl dd a {margin-left: 8px;}
#popWrapA .container .userCode dl dd * {vertical-align: middle;}
#popWrapA .container .userCode dl dd.userName {color: #000;}
#popWrapA .container .userCode dl dd.codeNum {color: #695633;}
#popWrapA .container .userCode dl dd.codeNum strong {color: #000;}
#popWrapA .container .popContents { width: 305px; margin-top: 10px; padding: 8px 0 8px 27px; background: #e7e7e7; line-height: 14px; color: #666;}
#popWrapA .container .popContents a {margin-left: 22px;}
#popWrapA .container .popContents strong {color: #9d4c4f;}
#popWrapA .container .popContents * {vertical-align: middle;}

.standardInfo .optionWrap p {clear: both; width: 250px; paddin:4px 0 0 393px; color: #888;}
.standardInfo .optionWrap p strong {margin: 0 0 0 5px; padding: 0 2px; background: url('../images/reservation/bg_ea.gif') no-repeat center bottom; color: #a13e41;}

.standardInfo p.maxNum { padding-top:10px; margin-left:20px;}
.standardInfo p.maxNum strong {padding:0 5px 0 3px; font-size:13px;}
.standardInfo p.maxNum img { vertical-align: bottom;}

.exclamationMark { clear:both; margin-top:35px;  background: url('/images/common/exclamationMark.gif') no-repeat left top; padding-left:17px; font-size:11px; color:#000000 !important;}

.reservationboxNew { margin-top:-20px; padding-bottom:20px; font-size:13px;}

p.bookAnother_text { margin-top:15px; height:20px;}