.title{		
	font-size: 25px;
	font-weight: bold;
	border-bottom: 1px solid #7c7c7c;
	width: 50%;
	margin: 50px auto;
	padding-bottom: 10px;		
	color: #002c66;
	text-align: left;
}		

.roombtn {
	border: 0;
	padding: 15px 25px;
	display: inline-block;
	text-align: center;
	color: white;
	border-radius: 10px;       
	background-color: #64b1cc;
	margin: 5px;
	cursor: pointer; 
}
     		
.selected-btn {
	background-color: #156c8a;      
}	
      
#reserveBtn, #updateBtn {
	margin-top: 20px;
	margin-bottom: 50px;
	margin-left: 15%;
}
		
#reservedList {
    width: 500px;	
    margin-top: 3px;
    margin-bottom: 30px;
}

#reservedList p{		
	margin-left: 30px;
}

.dott{
	color: #007bff;
}

.reserve-btn {
	color: white;
	background-color: #003c83;
	padding: 10px 20px 10px 20px;
	border-radius: 10px;
	box-shadow: none;
	border: none;
	box-shadow: none;
	cursor: pointer;
}
	
.reserve-btn:hover {
	background-color: #002c66;
}

#roomInpo {
	margin: 2rem auto;
	max-width: 900px;
	font-family: 'Noto Sans KR', sans-serif;
	color: #333;
}
	
.tit {
	font-size: 22px;
	text-align: left;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.con{
	text-align: left;
}

.con span {
	color: #007bff;	
}
	
#notice {
	border: 1px solid #ddd;
	padding: 35px 40px;
	border-top: 1px solid #222;
}

#notice ul{	
	display: inline-block;
	width: 100%;
	margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
    list-style-type: disc;
}

#notice li{
	display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}
	
#notice ul li{
	width: 50%;
	min-height: 100px;
	float: left;
	display: table;
	background-repeat: no-repeat;
	background-position: 0 50%;	
}

#notice ul li p{
	text-align: left;
	display: table-cell;
    vertical-align: middle;
    padding: 0 20px 0 90px;
    letter-spacing: -0.06em;
    font-family: 'NotoKrR';
    word-break: keep-all;
}
		
#notice ul li.icon1{background-image: url("../information/img/ico_room1.png");}
#notice ul li.icon2{background-image: url("../information/img/ico_room2.png");}
#notice ul li.icon3{background-image: url("../information/img/ico_room3.png");}
#notice ul li.icon4{background-image: url("../information/img/ico_room4.png");}
#notice ul li.icon5{background-image: url("../information/img/ico_room5.png");}
#notice ul li.icon6{background-image: url("../information/img/ico_room6.png");}
	
.step-list {
	display: inline-block;
	width: 100%;
	overflow: hidden;
}

.step-list li{
	width: 50%;
	float: left;
	padding: 2% 5% 2% 0%;
}

.step-list li dl dt {
	padding: 10px 20px;
    border: 1px solid #222;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #222;
    letter-spacing: 0.01em;
    text-align: center;
}
	
.step-list li dl dd{
	display: table;
    width: 100%;
    min-height: 100px;
    background: #f5f5f5;
    font-family: 'NotoKrM';
    font-size: 15px;
    color: #222;
    word-break: keep-all;
    text-align: center;
}

.step-list li dl dd p{
	display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
    line-height: 1.5;
}

.step-dt {
    display: block;
   	unicode-bidi: isolate;
}

.step-list{
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
	
#roomUse {
	margin: 2rem auto;
	max-width: 900px;
	font-family: 'Noto Sans KR', sans-serif;
	color: #333;	
}

#roomUse table{
	width: 100%;
	border-collapse: collapse;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

#roomUse th, td {
	border: 1px solid #ccc;
	padding: 0.8rem;
	text-align: center;
	vertical-align: middle;
}
	
#roomUse thead th{
	background-color: #f3f6f9;
	font-weight: 600;
	color: #2a2a2a;	
}

#roomUse td{
	font-size: 0.95rem;	
}