img.reservation-guide-title {
	display: block;
	margin-bottom: 2em;
}
#content-main table.guide-table {
	float: none;
	width: 100%;
	margin: 10px 0 20px 0;
}
#content-main table.guide-table th {
	color: #666;
	border: 1px solid #bbb;
	background-color: #f0f0f0;
}
img.type-icon {
	display: block;
	text-align: right;
}
p.event {
	position: absolute;
	top: 345px;
	left: -7px;
	font-size: 15px;
	color: #FFF;
	width: 276px;
	padding: 30px 25px;
	background: #F95E26;
}
p.characteristic {
	position: absolute;
	top: 134px;
	right: -12px;
	color: #FFF;
	width: 219px;
	padding: 25px;
	background: #00BFFF;
	background: #109086;
}
table td {
	font-family: arial,"맑은 고딕";
}
table td strike {
	font-family: arial;
	color: #777;
}
table td.rooms {
	font-family: times new roman;
	font-size: 18px;
	padding-left: 12px;
}
table td.room101,
table td.room102,
table td.room401 {
	background: url(/images/common/wood-icon.png) 27px 50% no-repeat;
	background-size: 20px 20px;
}
table td.room201,
table td.room202,
table td.room501 {
	background: url(/images/common/stone-icon.png) 27px 50% no-repeat;
	background-size: 20px 20px;
}
table td.room301,
table td.room302,
table td.room601 {
	background: url(/images/common/steel-icon.png) 27px 50% no-repeat;
	background-size: 20px 20px;
}


#notice-list {
	width: 960px;
	padding: 0 0 3em 0;
}
#notice-list ul li {
	display: inline-block;
	vertical-align: top;
	width: 450px;
	margin: 0 0 0 60px;
}
.lte7 #notice-list ul li {
	display: inline;
}
#notice-list ul li {
	padding: 2em 0;
}
#notice-list ul li.register-use01,
#notice-list ul li.refund,
#notice-list ul li.account-transfer {
	margin: 0;
}

#notice-list ul li.refund {
	width: 960px;
}
#notice-list ul li dl dt {
	display: block;
	font-size: 16px;
	font-weight: bold;
	font-family: times new roman, "맑은 고딕";
	margin: 0 0 20px 0;
	padding: 0 0 0 19px;
	background: url(/images/open.content/ko/reservation/register/guide-icon.png) 0 center no-repeat;
}
#notice-list ul li dl dd {
	color: #666;
	font-size: 13px;
	line-height: 26px;
	padding-left: 12px;
	background: url(/images/common/step01.png) 0 9px no-repeat;
}
#notice-list ul li ul li {
	display: block;
	width: 100%;
	margin: 0;
}
#notice-list ul li dl dd table {
	width: 90%;
}
#notice-list ul li dl dd table th {
	font-weight: normal;
	border: 1px solid #ccc;
	background: #eee;
}
#notice-list ul li dl dd.refund-table,
#notice-list ul li dl dd.refund-refer {
	padding: 0;
	background: transparent;
}


@media (max-width: 1000px) {
	img.reservation-guide-title {
		width: 100%;
	}
	div.t-scroll {
		overflow: scroll;
	}
	p.characteristic {
		position: static;
		width: 290px;
		text-align: center !important;
		margin: 0 auto 50px;
	}
	#notice-list ul li {
		display: block;
		width: 550px !important;
		margin: 0;
	}
#notice-list ul li dd.refund-table {
		overflow: scroll;
	}

}
@media (max-width: 870px) {
	table td.rooms {
		padding: 25px 12px 5px 12px;
	}
	table td.room101, 
	table td.room102, 
	table td.room401 {
		background: url(/images/common/wood-icon.png) 50% 20% no-repeat;
		background-size: 20px 20px;
	}
	table td.room201, 
	table td.room202, 
	table td.room501 {
		background: url(/images/common/stone-icon.png) 50% 20% no-repeat;
		background-size: 20px 20px;
	}
	table td.room301, 
	table td.room302, 
	table td.room601 {
		background: url(/images/common/steel-icon.png) 50% 20% no-repeat;
		background-size: 20px 20px;
	}
}
@media (max-width: 580px) {
	#notice-list ul li {
		width: 385px !important;
	}
}
@media (max-width: 420px) {
	#notice-list ul li {
		width: 290px !important;
	}
}