#content-main div.big-calendar .before-month {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 20%;
	margin-left: 5%;
}
#content-main div.big-calendar .before-month a {
	display: block;
	position: absolute;
	right: 0;
	text-indent: -9999em;
	width: 30px;
	height: 30px;
	padding-left: 25px;
	border: 1px solid #b6b6b6;
	background: url(/images/common/prev-btn.svg) 50% 50% no-repeat;
}
#content-main div.big-calendar .now-month {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
#content-main div.big-calendar .now-month strong {
	display: block;
	font-size: 120%;
	text-align: center;
}
#content-main div.big-calendar .after-month {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 20%;
	margin-right: 5%;
}
#content-main div.big-calendar .after-month a {
	display: block;
	position: absolute;
	left: 0;
	text-indent: -9999em;
	width: 30px;
	height: 30px;
	padding-right: 25px;
	border: 1px solid #b6b6b6;
	background: url(/images/common/next-btn.svg) 50% 50% no-repeat;
}
#content-main div.big-calendar h4.reservation-note:before {
	display: block;
	clear: both;
	content: ' ';
}
#content-main div.big-calendar h4.reservation-note {
	color: #ff4500;
	font-size: 95%;
	font-weight: 300;
	letter-spacing: -.5px;
	padding: 0;
	background: transparent;
}

#content-main .reserve-time-list .time-list {
	padding-bottom: 0 !important;
}
#content-main .reserve-time-list .time-list ul {
	overflow: hidden;
}
#content-main .reserve-time-list li input,
#content-main .discount-info input {
	border-color: #aaa;
}
#content-main .guide {
	margin-top: 30px;
	background: #e7f0f7;
	border-radius: 8px;
	-webkit-border-radius: 8px;
}
#notice-list {
	position: relative;
	padding: 30px 30px 30px 20px;
}
#notice-list ul li.rooms-use,
#notice-list ul li.rooms-use dl {
	margin: 0;
	padding: 0;
}
#notice-list ul li dl dt {
	display: block;
	font-size: 100%;
	font-weight: 400;
	margin: 0;
	padding: 0 0 10px 20px;
	background: url(/images/reservation/guide-icon.png) 0 5px no-repeat;
}
#notice-list ul li dl dd {
	font-size: 90%;
	margin-left: 10px;
	padding-left: 15px;
	background: url(/images/common/bullet02.gif) 0 9px no-repeat;
}
#content-main div.reserve-time-list div.time-contents {
	margin: 10px 0;
	border-radius: 6px;
}
#content-main div.reserve-time-list div.time-contents:nth-child(1) {
	background-color: #fffbed;
}
#content-main div.reserve-time-list div.time-contents:nth-child(2) {
	background-color: #fef3f3;
}
#content-main div.reserve-time-list div.time-contents:nth-child(3) {
	background-color: #eff3ff;
}
#content-main div.reserve-time-list div.time-contents:nth-child(4) {
	background-color: #dff5ef;
}
#content-main .reserve-time-list .time-contents .info01 h5 {
	margin: 0 0 5px 0;
}
#content-main h4#rooms-list {
	font-size: 110%;
}

#content-main table.big-calendar td i {
	display: block;
	color: #ff3333;
	font-size: 90%;
	font-style: normal;
	text-align: center;
	line-height: normal;
}
#content-main table.big-calendar td.today {
	background-color: #00ffff;
}

#content-main .progressBox {
	width: 80%;
	min-width: 320px;
	margin: 0 auto;
}
#content-main .progressBox .message b {
	display: none;
}


#content div.img-box {
	position:relative;
	width:100%;
	height:170px;
	background:url(/images/open.content/hwarang/accommodations/guidance/guidance-room.jpg) 0 0 no-repeat;
	background-size:100%;
}
#content div.img-box p { 

}
#content div.img-box p {
	position:relative;
	top:40px;
	padding:20px 0 15px 0;
	width:65%;
	color:#fff;
	text-align:center;
	line-height:18px;
	margin:0 auto;
	text-shadow:;
	background:rgba(0,0,0,0.4);
	text-shadow:1px 2px 2px #000;
	font-size:13px;
}
#content div.img-box p span.block{
	display:block;
	text-align:center;
}




#content-main .bx-wrapper .bx-controls-auto {
	float:left;
}
#content-main .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	background: url(/images/open.content/hwarang/facilities/pager-play.png) 0 0px no-repeat;
}
#content-main .bx-wrapper .bx-controls-auto .active {
	display:none;
	background: url(/images/open.content/hwarang/facilities/pager-stop.png) 0 0px no-repeat;
}
#content-main .bx-wrapper .bx-controls-auto .bx-stop {
	background: url(/images/open.content/hwarang/facilities/pager-stop.png) 0 0px no-repeat;
}
#content-main .bx-wrapper .bx-pager.bx-default-pager {
	margin-top:1px;
}
#content-main .bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 4px;
	background: #aaa;
	border: 3px solid #aaa;
	border-radius: 10px;
}
#visual-area .bx-wrapper .bx-pager.bx-default-pager a:hover, #visual-area .bx-wrapper .bx-pager.bx-default-pager a.active {
	border-color: #d0ff66;
	background: transparent;
	width:12px;
	height:12px;
}
#content-main div.visual-primary {
	position: relative;
	width: 100%;
	height: 320px;
}
#content-main div.visual-primary div.visual-content {
	position:absolute;
	top:190px;
	width:105%;
	height:180px;
	/*background-color:rgba(0,0,0,0.2);*/
	color:#555;
	padding:2px 25px;
	margin-left:-8px;
	z-index:2;
}
#content-main div.visual-primary div.visual-content img.logo {
	display:none;
	margin:20px 0 0 13px;
	margin:20px auto 10px auto;
}
#content-main div.visual-primary div.visual-content dl {
	margin:0 auto;
}
#content-main div.visual-primary div.visual-content dl dt {
	display:block;
	width:140px;
	padding:5px; 0 5px 20px;
	font-size:20px;
	text-align:center;
	margin:0 auto 15px auto;
	font-weight:normal;
	background-color:#424242;
	color:#fff;
	border-radius:20px;
	font-size:15px;
	letter-spacing:0.5px;
}
#content-main div.visual-primary div.visual-content dl dd.line {
	display: block;
	width: 15px;
	height: 1px;
	background-color: #555;
	margin:12px auto;
	display:none;
}
#content-main div.visual-primary div.visual-content dl dd {
	font-size:14px;
	text-align:center;
	line-height:20px;
}
#content-main div.visual-primary div.visual-content dl dd span.block {
	display:inline;
}


/*¸ð¹ÙÀÏ»ó¼ÓÇØÁ¦*/
#content-main #visual-area .bx-wrapper .bx-controls {
	width:102px;
	height:16px;
}
#content-main #visual-area .bx-wrapper .bx-default-pager {
	float:right;
	z-index:10;
}
#content-main #visual-area .bx-wrapper .bx-controls-auto .bx-stop {
	margin:0;
	width:16px;
	height:auto;
}
#content-main #visual-area .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute; 
	 bottom: 0; 
}
/*»ó¼Ó ÇØÁ¦*/
#content-main #visual-area .bx-wrapper .bx-controls {
	width:102px;
	height:16px;
	position:absolute;
	left:-20px;
	bottom:20px;
}
#content-main #visual-area .bx-wrapper .bx-default-pager {
	width:120px;
	float:right;
	z-index:10;
}
#content-main #visual-area .bx-wrapper .bx-controls-auto {
	margin:0 53px 0 0;
	padding-top:2.2px;
	width:16px;
	height:16px;
	z-index:10;
}
#content-main #visual-area .bx-wrapper .bx-controls-auto .bx-stop {
	margin:0;
	width:16px;
	height:auto;
}
#content-main a.reservation {
	display:inline-block;
	width:100px;
	margin:0 10px 0 0;
	padding:4px 10px;
	background-color:#ff6565;
	color:#fff;
	text-align:center;
	float:right;
}
#content-main a.reservation:hover {
	background-color:#ff2c2c;
}
#content-main a.reservation:nth-child(2) {
	margin-right:0;
}
#content-main dl.step {
	margin-top:30px;
}
#content-main a.room {
	background-color:#ff8951;
}
#content-main a.room:hover {
	background-color:#ff6821;
}



@media screen and (min-width:500px) {
#content-main div.visual-primary {
	position: relative;
	width: 100%;
	height: 500px;
}
#content-main div.visual-primary div.visual-content {
	position:absolute;
	top:380px;
	width:100%;
	height:180px;
	/*background-color:rgba(0,0,0,0.2);*/
	color:#555;
	padding:2px 25px;
	margin-left:-8px;
	z-index:2;

}
#content-main div.visual-primary div.visual-content img.logo {
	display:none;
	margin:20px 0 0 13px;
	margin:20px auto 10px auto;
}
}