main .container { width:100%; max-width:1100px; place-self:center; margin-bottom:100px; }

.section-title { margin-top:100px; display:flex; flex-direction:column; align-items:center; }
.section-title h2 { font-size:30px; }
.section-title p { font-size:16px; }

h3 { margin-top:20px; font-size:16px; }
textarea { border: 1px solid #ccc; }

table { margin-top:10px; }
table input { height:100%; }

main .container ol { list-style:decimal; line-height:200%; margin-left:20px; }
main .container ul { list-style:disc; line-height:200%; }
main .container ol ul { margin-left:20px; }

.controller { margin-top:40px; display:flex; justify-content:center; gap:10px; }

.reserve-btn { width:250px; height:50px; background:#222; color:#fff; }

.apply-person-tour { display:grid; gap:10px; grid-auto-rows:45px; margin:10px; }
.apply-person-tour > .person { display:flex; align-items:center; gap:20px; }
.apply-person-tour > .person > .label { width:130px; }
.apply-person-tour > .person > .control { display:flex; justify-content:center; align-items:center; }
.apply-person-tour > .person > .control > input { width:50px; height:30px; text-align:center; }
.apply-person-tour > .person > .control > button { width:30px; height:30px; display:flex; justify-content:center; align-items:center; border: 1px solid #ccc; }

.apply-person-stay { display:grid; gap:10px; grid-auto-rows:45px; margin:10px; }
.apply-person-stay > .person { display:flex; align-items:center; gap:20px; }
.apply-person-stay > .person > .label { width:130px; }
.apply-person-stay > .person > .control { display:flex; justify-content:center; align-items:center; }
.apply-person-stay > .person > .control > input { width:50px; height:30px; text-align:center; }
.apply-person-stay > .person > .control > button { width:30px; height:30px; display:flex; justify-content:center; align-items:center; border: 1px solid #ccc; }

tr.hidden { display:none; }


@media screen  and  (max-width : 1280px) {
	main > .container { padding:20px; }
}
