@charset "utf-8";

* {
	letter-spacing: -0.02em;
}

html {
    width: 100%;
    height: 100%;
}

body {
	font-size: 0.75em;
}

dl, ol, ul {
	margin: 0;
	padding: 0;
}

a {
	letter-spacing: -0.8px;
}

p {
	margin: 0;
}

.container {
	max-width: 1520px;
	padding-right: 0;
	padding-left: 0;
}

#container.fix {

}

.dropdown-toggle::after {
	display: none;
}

#top_btn {
	display: none;
}

#gnb_open,
header#m_hd {
	display: none;
}

img.mobile {
	display: none;
}

.img img {
	max-width: 100%;
}

.map .root_daum_roughmap .wrap_map {
	height: 100%;
}

.map .root_daum_roughmap .wrap_controllers,
.map .root_daum_roughmap .map_border,
.map .wrap_btn_zoom {
	display: none;
}

/*───────────────────────────────────────────────────────────
    header
───────────────────────────────────────────────────────────*/
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: solid 1px #c9c9c9;
	background: #fff;
	z-index: 9999;
}

#header.fix {

}

.topArea {
	display: flex;
	align-items: center;
	width: 1520px;
	height: 80px;
	margin: 0 auto;
}

.topArea h1 {
	margin: 0;
}

.topArea h1 a {
	display: block;
	font-size: 0;
	width: 236px;
	height: 32px;
	margin: 0;
	background: url(../img/logo.png) no-repeat 0 0;
    background-size: 236px auto;
}



/*───────────────────────────────────────────────────────────
    nav
───────────────────────────────────────────────────────────*/
#lnb {
	padding-left: 50px;
}

#lnb h2 {
	display: none;
}

#gnb_1dul {
    display: flex;
    align-items: center;
    height: 80px;
}

#gnb_1dul a {
	font-size: 19px;
	font-weight: 500;
	color: #000;
}

/* 1차 카테고리 */
#gnb_1dul li.gnb_1dli {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    margin: 0 25px;
}

#gnb_1dul li.gnb_1dli > a {
	display: block;
	padding: 0 25px;
}

#gnb_1dul li.gnb_1dli_on > a {
	color: #30bbd8 !important;
}

#gnb_1dul li.gnb_1dli .bg,
#gnb_1dul li.gnb_1dli .gnb_2dul {
	display: none;
}

/* 2차 카테고리 */
#gnb_1dul li.gnb_1dli .gnb_2dul li {
	padding: 5px 0
}

#gnb_1dul li.gnb_1dli .gnb_2dul li a {
	display: block;
	font-weight: 300;
}

#gnb_1dul li.gnb_1dli .gnb_2dul li:hover a {
	font-weight: bold;
}

/*───────────────────────────────────────────────────────────
    서브 상단 이미지
───────────────────────────────────────────────────────────*/
/* 서브 이미지 */
.sub_vs {
	display: table;
	width: 100%;
	height: 240px;
	text-align: center;
	margin-top: 81px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: url(../img/sub_bg.jpg);
}

/* 서브 타이틀 */
.sub_vs .sub_tit {
	display: table-cell;
	vertical-align: middle;
}

.sub_vs .sub_tit strong {
	display: block;
	font-size: 43px;
	font-weight: 500;
	color: #fff;
}


/*───────────────────────────────────────────────────────────
    footer
───────────────────────────────────────────────────────────*/
footer {
	font-size: 18px;
	color: #fff;
	padding: 90px 0;
	background: #191e25;
}

footer .inner {
	display: flex;
	justify-content: space-between;
    align-items: center;
	width: 1520px;
	margin: 0 auto;
}

footer .ft_info {

}

footer .ft_info p {
	line-height: 1.8;
}

footer .ft_info p span {
	padding-left: 15px;
}

footer .ft_info p span:first-child {
	padding-left: 0;
}

footer .ft_info p.copy {
	padding-top: 15px;
}