<STYLE TYPE='text/css'>
<!-- MenuBuilderStyle -->
select {
    font-size:12;
     color:6A6B6B;
     background-color:F0F0F1;
}
body, td{
	font-family:����;
	font-size:9pt;
	color:#6B6B6B;
	line-height:140%
	}
body
{scrollbar-face-color: F5F5F5;
 scrollbar-highlight-color: #ffffff;
 scrollbar-3dlight-color: ffffff;
 scrollbar-shadow-color: #aaaaaa;
 scrollbar-darkshadow-color: DBDBDB;
 scrollbar-track-color: EFEFEF;
 scrollbar-arrow-color: #7E7E7E}
-->
.list_title { FONT-SIZE: 12px; COLOR: #4b4b4b; LINE-HEIGHT: 18px; FONT-FAMILY: "����", "����ü" ;BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid}
.notice_txt { FONT-SIZE: 12px; COLOR: #398eb5; LINE-HEIGHT: 18px; FONT-FAMILY: "����", "����ü" ;}
.location {
	font-family: "kroeger 05_63";
	font-size: 8px;
	font-style: normal;
	color: #999999;
	text-decoration: none;
}

/* 220204 헤더수정 */
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 987px;
	height: 58px;
	margin: 0 auto;
	margin-bottom: 20px;
	border-bottom: 1px solid #aaa;
}
.header .logo {
	width: 100px;
}
.header .logo img {
	width: 100%;
}

.header nav {
	font-size: 16px;
	font-weight: bold;
}
.header nav ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}
.header nav ul li:not(:first-child) {
	margin-left: 25px;
}
.header nav ul li a {
	color: #6a6a6a;
	text-decoration: none;
	transition: all 0.2s;
}
.header nav ul:hover li a {
	color: #adadad;
}
.header nav ul li:hover a {
	color: #115CB2;
}

/* slider */
.slider {
	position: relative;
	width: 987px;
	height: 300px;
	overflow: hidden;
}
.slick-slide {
	height: 100%;
}
.slick-slide .bg_area {
	height: 300px;
}
.slick-slide .slide01 {
	background-image: url(images/mainV01.jpg);
}
.slick-slide .slide02 {
	background-image: url(images/mainV02.jpg);
}
.slick-slide .slide03 {
	background-image: url(images/mainV03.jpg);
}

.slick-prev::before,
.slick-next::before {
	color: black;
}

.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}
.slick-active {
	opacity: .5;
}
.slick-current {
	opacity: 1;
}
.slick-prev, .slick-next {
	position: absolute;
	width: 40px;
	height: 40px;
	z-index: 1;
}
.slick-prev {
	left: 0;
}
.slick-next {
	right: 0;
}
.slick-next::before {
	position: absolute;
	top: 4px;
	right: 14px;
	content: "";
	width: 3px;
	height: 20px;
	background-color: #2a2a2a;
	opacity: 1;
	transform: rotate(-45deg);
}
.slick-next::after {
	position: absolute;
	bottom: 3px;
	right: 14px;
	content: "";
	width: 3px;
	height: 20px;
	background-color: #2a2a2a;
	transform: rotate(45deg);
}
.slick-prev::before {
	position: absolute;
	top: 4px;
	left: 14px;
	content: "";
	width: 3px;
	height: 20px;
	background-color: #2a2a2a;
	opacity: 1;
	transform: rotate(45deg);
}
.slick-prev::after {
	position: absolute;
	bottom: 3px;
	left: 14px;
	content: "";
	width: 3px;
	height: 20px;
	background-color: #2a2a2a;
	transform: rotate(-45deg);
}

</style>
