@charset "utf-8";
body { }
.section {
	position:relative;
	width:1200px;
	height:150px;
	margin:30px auto;
}
.section.main {
	width:100%;
	max-width:1280px;
	height:596px;
	margin:0 auto;
}
#container {
	overflow:hidden;
	position:relative;
	width:100%;
	max-width:1280px;
	margin: 0 auto;
	z-index:10
}

/* container */
.visual {
	position:absolute;
	top:0;
	left:0;
	display: block;
	width:100%;
	height:596px;
}
.visual .bgimg01 {
	background-image:url('../images/reserve/main/visiul.jpg');
	position:absolute;
	top:0;
	left:0;
	display: block;
	width:100%;
	height:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
.latest {
	display:block;
	position:absolute;
	right:0px;
	width:490px;
	height:72px;
}
.latest.notice {
	top:0px;
	border-bottom: 1px solid #dddddd;
}
.latest.faq {
	top:94px;
}
.latest h2 {
	font-size:16px;
	font-weight:bold;
	font-family: 'MDH', Malgun Gothic, '맑은고딕', dotum, Helvetica, sans-serif;
}
.section_noti {
	width:490px;
	height:35px;
}
.section_faq {
	width:490px;
	height:35px;
}
.latest div {
	display:block;
	width:100%;
	overflow: hidden;	
}
ul.board {
	margin:10px 0;
	font-family:Malgun Gothic, '맑은고딕', '돋움', dotum, applegothic, sans-serif;
	font-size:12px;
	line-height:14px
}
ul.board li {
	position:relative;
	padding:2px 0 2px 12px;
	background:url(../images/reserve/main/icon_dot.gif) no-repeat 0px 5px;
}
ul.board li a {
	display:inline-block;
	overflow:hidden;
	width:380px;
	max-width:380px;
	height:20px;
	color:#111111;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-decoration:none;
}
ul.board li a:hover,
ul.board li a:focus,
ul.board li a:active {
	color: #0c5392;
	font-weight: bold;
}
ul.board li span {
	position:absolute;
	top:6px;
	right:0;
	font-family: 'MDH', Malgun Gothic, '맑은고딕', dotum, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:10px;
	color:#666666;
}
.latest div a.more {
	position:absolute;
	top:0px;
	right:0;
	font-family: 'MDH', Malgun Gothic, '맑은고딕', dotum, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#4c99ba;
	text-decoration: none;
}
.latest div a.more:hover,
.latest div a.more:focus,
.latest div a.more:active {
	color:#1d7195;
}
.service {
	position:absolute;
	top:0px;
	left:0px;
}
.service h2{
    font-size: 16px;
    font-weight: bold;
    font-family: 'MDH', Malgun Gothic, '맑은고딕', dotum, Helvetica, sans-serif;
}
.service .step_info {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width:660px;
	height:115px;
	background:url(../images/reserve/main/step_bg.png) no-repeat left top;
	margin-top: 10px;
}

.service .step_info li {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	flex: 0 0 115px;
	width: 115px;
	height: 115px;
	margin-right: 0;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	font-family: 'MDH', Malgun Gothic, '맑은고딕', dotum, Helvetica, sans-serif;
	box-sizing: border-box;
}
.service .step_info li:last-child {
	margin-right:0px;
}
.service .step_info li img {
	display:block;
	margin:14px auto 0;
}
.service .step_info li .center {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:16px;
	width:100%;
	text-align:center;
	line-height:1.2;
	word-break:keep-all;
	white-space:nowrap;
}