@charset "utf-8";

/******************************  공통 영역  ******************************/
#wrap, .container { width: 100%; min-width: 1404px; }
#wrap {}
.container {}
.sector { width: 1364px; margin: 0 auto; }
.sub_sector { width: 1335px; margin: 0 auto; }

@media screen and (max-width:1000px) {
	#wrap, .container { min-width: 0; }
	.sector, .sub_sector { width: 88%; }
}


/******************************  헤더  ******************************/
#header {
	height: 124px;
	border-bottom: 1px solid #ddd;
	background: #fff;
}

#header .hd_sector {
	position: relative;
	height: inherit;
	margin: 0 110px;
}

#header .hd_sector .logo {
	display: inline-block;
	width: 268px;
	height: 42px;
	margin-top: 41px;
	background: url('../images/logo.png') no-repeat center center / contain;
}

#header .hd_sector .gnb {
	float: right;
	line-height: 120px;
}

#header .hd_sector .gnb a {
	font-size: 24px;
}

#header .hd_sector .gnb a:not(:first-child) {
	margin-left: 120px;
}

.sitemap_btn {
	display: none;
}

@media screen and (max-width:1000px) {
	#header {
		height: 17vw;
	}

	#header .hd_sector {
		margin: 0 6vw;
	}

	#header .hd_sector .logo {
		width: 36.6vw;
		height: 5.8vw;
		margin-top: 5.5vw;
		background: url('../images/m_logo.png') no-repeat center center / contain;
	}

	#header .hd_sector .gnb {
		display: none;
	}

	.sitemap_btn {
		display: block;
		float: right;
		width: 6vw;
		margin-top: 6vw;
		background: none;
	}
}


/******************************  헤더 - 서브메뉴 snb  ******************************/
.snb {
	display: none;
	position: absolute;
	top: 124px;
	/* right: 0; */
	width: 240px;
	padding: 25px 0;
	background: #fff;
	font-size: 24px;
	text-align: center;
	z-index: 999999;
}

.snb.snb_1 { right: 585px; }
.snb.snb_2 { right: 355px; }
.snb.snb_3 { right: 130px; }
.snb.snb_4 { right: -80px; }

.snb > a {
	display: block;
	margin: 25px 0;
}


/******************************  사이트맵  ******************************/
#sitemap_area { display: none; }

@media screen and (max-width:1000px) {
	#sitemap_area { display: block; position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: #fff; z-index: 999999; }

	.sitemap_header { height: 17vw; border-bottom: 1px solid #e0e0e0; background: #fff; text-align: center; }
	.sitemap_header .sector { position: relative; }
	.sitemap_header .logo { position: absolute; display: inline-block; top: 5.6vw; left: 0; width: 36.6vw; height: 5.8vw; background: url('../images/m_logo.png') no-repeat center center / contain; }

	#sitemap_area .sitemap_gnb dt, #sitemap_area .sitemap_gnb dd { padding: 0 6vw; font-size: 4.4vw; }
	#sitemap_area .sitemap_gnb dt { border-bottom: 1px solid #ddd; line-height: 18.2vw;}
	#sitemap_area .sitemap_gnb dt.no_snb { background: none; }
	#sitemap_area .sitemap_gnb dt + dd { padding-top: 6vw; }
	#sitemap_area .sitemap_gnb dd { display: none; padding-bottom: 6vw; background: #f3f3f3; }

	.close_btn { display: block; position: absolute; top: 5.5vw; right: 0; width: 6vw; z-index: 1; background: none; }
}


/******************************  푸터  ******************************/
#footer {
	padding: 80px 0;
	border-top: 1px solid #ddd;
	background: #fff;
}

#footer .ft_sector {
	display: flex;
	margin: 0 278px;
}

#footer .ft_sector > div {
	display: flex;
	align-items: center;
}

#footer .ft_sector > div > img {}

#footer .ft_sector > p {
	margin-left: 73px;
	font-size: 14px;
	line-height: 1.14;
}

@media screen and (max-width:1000px) {
	#footer {
		padding: 7.7vw 0;
	}

	#footer .ft_sector {
		display: block;
		margin: 0 6vw;
	}

	#footer .ft_sector > div > img {
		width: 36.6vw;
	}

	#footer .ft_sector > p {
		margin-top: 6.8vw;
		margin-left: 0;
		font-size: 3.6vw;
	}
}