@charset "utf-8";

/* basic */
*, html, body { margin: 0; padding: 0;}
div, table, th, td, p, span, form, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, img, iframe, a { margin: 0; padding: 0; border: 0;}
div, table, th, td { border-collapse: collapse;}
input, button { vertical-align: middle;}
img {border:0; vertical-align:top;}
button { margin: 0; padding: 0; border: 0; background: none;}
ul, ol, li { list-style: none;}
a {text-decoration:none;}

/* common */
.w15{width:15px !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w100 {width:100px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px !important;}
.mt25 {margin-top:25px !important;}

/* style */
#dgcWrap {position:relative; padding:0 !important;}
.top_area {position:relative;}
.top_content img {width:100% !important; height:auto !important;}

.ymd {width:160px; color:#444; *zoom:1;}
.ymd:after {display:block; clear:both; content:"";}
.ymd span {float:left; display:inline-block; width:100px; font-size:13px; text-align:center;}
.ymd b {display:inline-block; margin-top:2px; font-size:20px;}
.ymd a {float:left; display:inline-block; width:28px; height:28px; line-height:28px; margin-top:5px; text-align:center; font-size:14px; color:#666; border:1px solid #666; border-radius:50px; vertical-align:top;}

.today {width:160px; padding-top:10px; text-align:center; font-size:13px; color:#888;}
.today span {letter-spacing:-1px;}

#regCheckButton {margin-top:13px; width:160px; line-height:26px; font-size:13px; color:#444; border:1px solid #999; border-radius:14px;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 27%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#f9f9f9), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 27%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 27%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 27%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 27%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	}

.reserve_app {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:url(../images/pop_bg.png);}
/*
.reserve_app_area {position:absolute; left:50%; top:50%; width:250px; height:300px; margin:-152px 0 0 -127px; border:2px solid #fd7d00; background:#fff;}
*/
.reserve_app_area {width:250px; height:300px; margin:50px auto 0; border:2px solid #fd7d00; background:#fff;}
.reserve_app dl {padding:10px;}
.reserve_app dl dt {font-size:15px; font-weight:bold; color:#444;}
.reserve_app dl dd {margin-top:10px; border-top:1px dotted #aaa;}
.reserve_app ul li {margin-top:10px;}
.reserve_app ul p {margin-bottom:3px; line-height:16px; font-size:13px; color:#666;}
.reserve_app ul span {display:block;}
.reserve_app ul div {*zoom:1;}
.reserve_app ul div:after {display:block; clear:both; content:"";}
.reserve_app ul div span {float:left;}
.reserve_app .inp01,
.reserve_app .inp02 {border:1px solid #aaa; border-radius:3px; overflow:hidden;}
.reserve_app .inp02 {width:65px;}
.reserve_app .hyphen {line-height:28px; width:14px; text-align:center;}
.reserve_app input[type="password"],
.reserve_app input[type="text"] {width:94%; height:26px; line-height:26px; padding:0 3%; font-size:13px; border:0; background:#f9f9f9;}
.reserve_app input[type="number"] {width:94%; height:26px; line-height:26px; padding:0 3%; font-size:13px; border:0; background:#f9f9f9;}
.reserve_app .layer_btn {margin-top:15px; padding-top:15px; border-top:1px dotted #aaa; *zoom:1;}
.reserve_app .layer_btn:after {display:block; clear:both; content:"";}
.reserve_app .layer_btn .bt_lft {float:left; display:block; width:48%; border-radius:3px; overflow:hidden; background:#fd7d00;}
.reserve_app .layer_btn .bt_rgt {float:right; display:block; width:48%; border-radius:3px; overflow:hidden; background:#aaa;}
.reserve_app .layer_btn input[type="submit"],
.reserve_app .layer_btn input[type="button"] {width:100%; height:47px; border:0; border-radius:3px; font-size:17px; color:#fff; cursor:pointer; background:none;}

.booking {position:absolute; right:0; top:0; font-size:12px;}
.booking li {margin-top:3px; line-height:19px; color:#666 !important;}
/*
.bk_icon01,
.bk_icon02,
.bk_icon03,
.bk_icon04,
.bk_icon05 {display:inline-block; width:17px; line-height:17px; font-size:12px; margin-right:3px; text-align:center; color:#fff; border:1px solid #000; border-radius:20px; background:#666; vertical-align:top;}
.bk_icon01 {background:#82a5c5; border-color:#515e66;}
.bk_icon02 {background:#709631; border-color:#566443;}
.bk_icon03 {background:#e18544; border-color:#9f561f;}
.bk_icon04 {background:#d43e44; border-color:#752730;}
.bk_icon05 {background:#ff24ac; border-color:#b0006d;}
*/

.booking_table {width:100%; margin-top:30px; table-layout:fixed; border:2px solid #666; overflow:auto; color:#666;}
.booking_table th {height:25px; text-align:center; font-size:13px; color:#666; background:#f7f7f7;}
.booking_table td {height:40px; padding:4px; vertical-align:top; border:1px solid #aaa; border-right:0; border-bottom:0;}
.booking_table .day {font-size:15px; cursor:hand;}
.booking_table .holiDay {font-size:10px; letter-spacing:-1px; color:#e53030;}
.booking_table .calendar_ul {margin-top:2px; font-size:10px; letter-spacing:-1px; color:#666;}
.info_txt {margin-top:7px; font-size:12px; letter-spacing:-1px; color:#666;}
.info_txt img {vertical-align:middle;}

.bold_red {color:#e53030 !important;}
.boldRed_top {color:#e53030 !important;}
.boldRed_top a,
.boldRed_top li {color:#e53030 !important;}
.bold_blue {color:#2177df !important;}
.boldBlue_top {color:#2177df !important;}
.boldBlue_top a,
.boldBlue_top li {color:#2177df !important;}
.table_line {display:block; height:2px; background:#666;}

.room_lst {margin-top:20px; padding:1px; border:2px solid #999;}
.room_lst dl dt {line-height:30px; font-size:14px; text-align:center; color:#fff; background:#999;}
.room_lst dl dd {position:relative; line-height:50px; margin-top:-1px; padding:0 5px; border-top:1px dotted #999; *zoom:1;}
.room_lst dl dd:after {display:block; clear:both; content:"";}
.room_lst dl dd:first-child {border-top:0;}
.room_lst .icon {float:left;}
.room_lst .icon img {margin:16px 5px 0 0; vertical-align:top;}
.room_lst .room_nm {float:left; display:inline-block; width:60%; letter-spacing:-1px; font-size:14px; color:#666; backg round:#eee; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.room_lst .app {position:absolute; right:5px; top:12px; display:block; width:25%; height:24px; line-height:24px; font-size:13px; text-align:center; color:#444; border:1px solid #999; border-radius:3px;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 27%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#f9f9f9), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 27%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 27%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 27%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 27%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	}
.room_lst .none {position:absolute; right:5px; top:12px; display:block; width:25%; height:24px; line-height:24px; font-size:13px; text-align:center; color:#888; border:1px solid #eee; border-radius:3px;
	background:#eee;}



.s_tit {font-size:16px; letter-spacing:-1px; font-weight:bold; color:#555;}
.s_tit img {width:15px; height:15px; margin-top:2px; vertical-align:top;}
.s_tit_s {margin-top:10px; margin-left:2%; line-height:26px; font-size:13px; *zoom:1;}
.s_tit_s:after {display:block; clear:both; content:"";}
.s_tit_s dt {float:left; width:80px; margin-right:3px; text-align:center; color:#fff; background:#666; border-radius:50px;}
.s_tit_s dd {float:left; letter-spacing:-1px; color:#888; font-size:13px;}
.tit01 {padding-top:25px; border-top:2px dashed #999;}

.basic_info {margin-top:10px; padding:7px; font-size:13px; border:1px solid #999; border-radius:3px;}
.basic_info dt {letter-spacing:-1px; color:#555; font-weight:bold;}
.basic_info dd {margin-top:5px; color:#888;}
.basic_info dd p {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #bbb; color:#666;}

.nav_on2 {margin-top:20px; padding:0px 0 25px;}
.nav_on2 .nav_area2 {position:relative; padding-top:30px;}
.nav_on2 .tab_btn {position:absolute; top:0; width:30%; line-height:28px; font-size:13px; letter-spacing:-1px; text-align:center; color:#fff; border-radius:3px; background:#888; overflow:hidden;}
.nav_on2 #infoTab_1 {left:0;}
.nav_on2 #infoTab_2 {left:35.333%;}
.nav_on2 #infoTab_3 {right:0;}
.nav_on2 .text_box {display:none; width:96%; margin:10px auto 0; font-size:13px; color:#666;}
.nav_on2 .tab_tit {font-weight:bold; font-size:14px;}
.nav_on2 .tab_con123 {margin-top:5px; padding:5px; border:1px solid #999; border-left:0; border-right:0; background:#f5f5f5;}
.nav_on2 .agree {width:96%; margin:10px auto 0; font-size:14px; letter-spacing:-1px; color:#888;}
.nav_on2 .agree input {vertical-align:middle;}

.cam_table01 {width:96%; margin:7px auto 0; font-size:13px; border:1px solid #999; border-left:0; border-right:0;}
.cam_table01 th,
.cam_table01 td {border-top:1px dotted #999;}
.cam_table01 th {padding-left:10px; letter-spacing:-1px; font-weight:normal; color:#666; border-right:1px dotted #999; background:#f6f6f6;}
.cam_table01 td {height:26px; padding:5px 5px 5px; line-height:16px; color:#777;}
.cam_table01 .bd_n {border-top:0 !important;}
.cam_table01 select {height:26px;}
.cam_table01 b {color:#666;}
.cam_table01 .price_btn {display:block; width:80px; margin-top:5px; border:1px solid #FF8300; border-radius:3px;
	background: #ffb672; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffb672 0%, #ff8300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb672), color-stop(100%,#ff8300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffb672 0%,#ff8300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffb672 0%,#ff8300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffb672 0%,#ff8300 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffb672 0%,#ff8300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb672', endColorstr='#ff8300',GradientType=0 ); /* IE6-9 */
}
.cam_table01 .price_btn input {width:80px; height:22px; font-size:14px; font-weight:bold; color:#fff; text-shadow:0 0 3px #db7100; border:0; background:none;}
.cam_table01 .total_price {font-size:14px; color:red;}
.cam_table01 .red {margin-top:3px; letter-spacing:-1px; color:red;}
.cam_table01 input[type="password"],
.cam_table01 input[type="text"] {height:20px; padding:0; text-align:left; color:#666; border:1px solid #888; border-radius:3px; background:#fff; vertical-align:middle;}
.cam_table01 textarea {width:92%; height:100px; padding:5px; font-size:13px; border:1px solid #888; border-radius:3px;}
.cam_table01 .cCodeImage {margin-top:1px; vertical-align:top;}

.cam_table02 {width:96%; margin:7px auto 0; font-size:13px; text-align:center; border:1px solid #999; border-left:0; border-right:0; table-layout:fixed;}
.cam_table02 th {height:30px; letter-spacing:-1px; font-weight:normal; color:#666; background:#f6f6f6;}
.cam_table02 td p {height:35px; line-height:35px; color:#666;}
.cam_table02 td input[type="text"] {width:60%; height:20px; margin-top:6px; padding:0; text-align:center; color:#666; border:1px solid #888; border-radius:3px; background:#fff; vertical-align:middle;}
.cam_table02 .option_nm {text-align:left; padding:0 5px; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.cam_table02 .option_empty {text-align:center; padding:0 5px; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.cam_table02 .bd01 p {border-left:1px dotted #999;}
.cam_table02 .bd02 p {border-top:1px dotted #999; padding:0 5px; text-align:left; letter-spacing:-1px; color:#888; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.cam_table02 .bd03 {border-top:1px solid #999;}

.cam_table03 {width:100%; margin-top:15px;}
.cam_table03 th,
.cam_table03 td {border:1px solid #999; border-left:0; border-right:0;}
.cam_table03 th {border-right:1px solid #999; text-align:center;}
.cam_table03 dl {position:relative; padding-left:65px; line-height:30px; border-top:1px dotted #999; font-size:13px;}
.cam_table03 dl:first-child {border-top:0;}
.cam_table03 dt {position:absolute; left:0; top:0; width:60px; text-indent:5px; letter-spacing:-1px; color:#444; background:#f2f2f2;}
.cam_table03 dd {color:#888;}

.room_total {width:92%; line-height:36px; margin:0 auto; padding:0 2%; text-align:right; font-size:14px; color:#666; border-bottom:1px solid #999;}
.room_total span {font-weight:bold; color:red;}

.option_total {width:92%; line-height:42px; margin:15px auto 0; padding:0 2%; font-size:16px; border:1px solid #999; border-left:0; border-right:0; background:#f6f6f6; *zoom:1;}
.option_total:after {display:block; clear:both; content:"";}
.option_total dl {float:right; color:#555; *zoom:1;}
.option_total dl:after {display:block; clear:both; content:"";}
.option_total dl dt {float:left; margin-right:5px;}
.option_total dl dd {float:left;}
.option_total_price {font-weight:bold; color:red;}

.rates {display:none; position:fixed; left:0 !important; top:0 !important; z-index:100; width:100%; height:100%; background:url(../images/pop_bg.png);}
.rates_area {/* position:absolute; left:50%; top:50%;*/ width:290px; margin:50px auto; /* margin:-220px 0 0 -147px;*/ border:2px solid #fd7d00; background:#fff;}
.rates dl {position:relative; padding:10px;}
.rates dl dt {line-height:30px; font-size:15px; font-weight:bold; color:#444;}
.rates dl dd {margin-top:10px; font-size:14px; border:2px solid #666; border-left:0; border-right:0;}
.rates dl dd div {position:relative; line-height:26px; letter-spacing:-1px; color:#666; border-top:1px dotted #999;}
.rates dl dd div:first-child {border-top:0;}
.rates dl dd div span {position:absolute; right:0; top:0; letter-spacing:0; color:#555px;}
.rates .roominfo_btn {position:absolute; right:10px; top:9px; width:50px; border:1px solid #777; border-radius:3px; background:#777;}
.rates .roominfo_btn input {width:50px; height:30px; font-size:14px; letter-spacing:-1px; color:#fff; background:0; border:0;}

.lst_none {text-align:center; font-size:13px; color:#666;}

.password_inp {margin-top:15px; padding:20px 0; border:1px solid #999; border-left:0; border-right:0; background:#f6f6f6; text-align:center;}
.password_inp dt {font-size:14px; font-weight:bold; letter-spacing:-1px; color:#444;}
.password_inp dd {margin-top:15px;}
.password_inp input {width:80%; height:26px; line-height:26px; padding:0 5px; font-size:14px; border:1px solid #999; border-radius:3px; background:#fff;}

.reserve_info {margin-top:10px; padding:10px; border:1px solid #999; border-radius:3px;}
.reserve_info li {position:relative; line-height:14px; margin-top:4px; padding-left:9px; font-size:13px; letter-spacing:-1px; color:#666;}
.reserve_info li:first-child {margin-top:0;}
.reserve_info li span {position:absolute; left:0; top:5px; display:block; width:3px; height:3px; color:#666; background:#888; border-radius:5px;}
.reserve_info div {margin-top:10px; line-height:26px; font-size:15px;}
.reserve_info div p {margin-top:5px;}
.reserve_info div span {letter-spacing:-1px;}
.reserve_info div a {display:inline-block; width:150px; margin-left:5px; text-align:center; color:#444; border:1px solid #999; border-radius:3px; vertical-align:middle;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 27%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#f9f9f9), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 27%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 27%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 27%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 27%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	}

.btnReservations {width:100%; margin-top:25px; text-align:center;}
.btnReservations .submit,
.btnReservations a {display:inline-block; width:40%; height:36px; line-height:36px; margin:0 4px; font-size:15px; color:#fff; vertical-align:top; border-radius:3px;}
.btnReservations .submit {border:1px solid #ff8300;
	background: #ffb672; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffb672 0%, #ff8300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb672), color-stop(100%,#ff8300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffb672 0%,#ff8300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffb672 0%,#ff8300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffb672 0%,#ff8300 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffb672 0%,#ff8300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb672', endColorstr='#ff8300',GradientType=0 ); /* IE6-9 */
	}
.btnReservations input {width:100%; height:36px; font-size:15px; color:#fff; text-shadow:0 0 3px #db7100; background:none; border:0;}
.btnReservations .app_btn {border:1px solid #ff8300; text-shadow:0 0 3px #db7100;
	background: #ffb672; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffb672 0%, #ff8300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb672), color-stop(100%,#ff8300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffb672 0%,#ff8300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffb672 0%,#ff8300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffb672 0%,#ff8300 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffb672 0%,#ff8300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb672', endColorstr='#ff8300',GradientType=0 ); /* IE6-9 */
	}
.btnReservations a {border:1px solid #666; text-shadow:0 0 3px #666;
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top,  #999999 0%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #999999 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #999999 0%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #999999 0%,#666666 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #999999 0%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	}

.detail_reserve {position:relative; z-index:5; padding:5px 0; text-align:right; border-top:1px dotted #999;}
.detail_reserve a {display:inline-block; line-height:24px; padding:0 10px; letter-spacing:-1px; font-weight:bold; font-size:13px; color:#fff; 
	border:1px solid #ff8300; border-radius:3px; text-shadow:0 0 3px #db7100;
	background: #ffb672; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffb672 0%, #ff8300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb672), color-stop(100%,#ff8300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffb672 0%,#ff8300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffb672 0%,#ff8300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffb672 0%,#ff8300 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffb672 0%,#ff8300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb672', endColorstr='#ff8300',GradientType=0 ); /* IE6-9 */
	}