@charset "utf-8";

/*************************************
//	공통영역	//
*************************************/
#wrap, .container {
	width: 100%;
	min-width: 1424px;
}

#wrap {}

.container {}

.sector {
	width: 1364px;
	margin: 0 auto;
}

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

	.sector {
		width: 88%;
	}
}


.board_area {
	padding-bottom: 150px;
}

@media screen and (max-width:1000px) {
	.board_area {
		padding-bottom: 15vw;
	}
}


/*************************************
//	헤더	- 타입 A //
*************************************/
#hd.type-a {
	height: 124px;
}

#hd.type-a .hd_sector {
	margin: 0 278px;
}

#hd.type-a #hd_logo {
	float: left;
	margin-top: 20px;
}

#hd.type-a #hd_logo > a {}

#hd.type-a #hd_logo > a > img{}

#hd.type-a #hd_menu {
	float: right;
	background: #fff;
	text-align: right;
}

#hd.type-a #hd_menu > a {
	font-size: 22px;
	margin-left: 69px;
	line-height: 124px;
}

#hd.type-a .sitemap_btn { display: none; background: none; }

@media screen and (max-width:1000px) {
	#hd.type-a #hd {
		position: relative;
		height: 24.800vw;
	}

	#hd.type-a .hd_sector {
		margin: 0;
	}

	#hd.type-a #hd_logo {
		width: 36%;
		margin-top: 4vw;
		margin-left: 32%;
	}

	#hd.type-a #hd_logo > a > img{
		width: 100%;
	}

	/* #hd.type-a #hd_menu {
		width: 70%;
	} */

	#hd.type-a #hd_menu {
		display: none;
	}

	#hd.type-a #hd_menu > a {
		font-size: 4.400vw;
		margin-left: 4.5%;
		line-height: 20vw;
	}

	#hd.type-a .sitemap_btn {
		display: block;
		position: absolute;
		top: 9.400vw;
		left: 6vw;
		width: 7.600vw;
		z-index: 999;
	}
}


/*************************************
//	헤더	- 타입 B //
*************************************/
#hd.type-b {
	height: 124px;
}

#hd.type-b .hd_sector {
	margin: 0 278px;
}

#hd.type-b #hd_logo {
	float: left;
	margin-top: 20px;
}

#hd.type-b #hd_logo > a {}

#hd.type-b #hd_logo > a > img{}

#hd.type-b #hd_menu {
	float: left;
	margin-left: 158px;
	background: #fff;
	text-align: center;
}

#hd.type-b #hd_menu > a {
	font-size: 22px;
	margin-left: 53px;
	line-height: 124px;
}

#hd.type-b #hd_btn {
	float: right;
	margin-top: 40px;
}

#hd.type-b #hd_btn button {
	margin-left: 5px;
	background: 0;
}

#hd.type-b .sitemap_btn { display: none; background: none; }

@media screen and (max-width:1000px) {
	#hd.type-b {
		position: relative;
		height: 17vw;
	}

	#hd.type-b .hd_sector {
		margin: 0;
	}

	#hd.type-b #hd_logo {
		width: 13.4%;
		margin-top: 3.3vw;
		margin-left: 43.3%;
	}

	#hd.type-b #hd_logo > a > img{
		width: 100%;
	}

	/* #hd.type-b #hd_menu {
		width: 70%;
	} */

	#hd.type-b #hd_menu {
		display: none;
	}

	#hd.type-b #hd_btn {
		float: right;
		margin-top: 5.5vw;
		margin-right: 6%;
	}

	#hd.type-b #hd_btn button {
		width: 6.7vw;
		height: 6.7vw;
	}

	#hd.type-b #hd_btn button > img {
		width: 100%;
	}

	#hd.type-b #hd_menu > a {
		font-size: 4.400vw;
		margin-left: 4.5%;
		line-height: 20vw;
	}

	#hd.type-b .sitemap_btn {
		display: block;
		position: absolute;
		top: 5.5vw;
		left: 6%;
		width: 6.7%;
	}
}


/*************************************
//	헤더	- 타입 C //
*************************************/
#hd.type-c {
	height: 200px;
}

#hd.type-c .hd_sector {
	margin: 0 278px;
}

#hd.type-c #hd_logo {
	float: left;
	margin-top: 4px;
}

#hd.type-c #hd_logo > a {}

#hd.type-c #hd_logo > a > img{}

#hd.type-c #hd_menu {
	float: right;
	/* margin-left: 234px; */
	background: #fff;
	text-align: center;
}

#hd.type-c #hd_menu > li {
	position: relative;
	float:left;
	cursor:pointer;
	font-size: 24px;
	margin-left: 112px;
	line-height: 200px;
}

#hd.type-c #hd_menu > li .gnb_sub_list {
	display:none;
	position: absolute;
	top: 150px;
	/* left: 0; */
	width: 200px;
	padding: 20px 0;
	background: #fff;
	z-index:9999;
}

#hd.type-c #hd_menu > li .gnb_sub_list > li {
	line-height: 60px;
}

#hd.type-c #hd_menu > li .gnb_sub_list > li a {
	font-size: 24px;
	/* line-height: 44px; */
	color: #000;
}

#hd.type-c #hd_btn {
	float: right;
	margin-top: 40px;
}

#hd.type-c #hd_btn button {
	margin-left: 5px;
	background: 0;
}

#hd.type-c .sitemap_btn { display: none; background: none; }

@media screen and (max-width:1000px) {
	#hd.type-c {
		position: relative;
		height: 17vw;
	}

	#hd.type-c .hd_sector {
		margin: 0;
	}

	#hd.type-c #hd_logo {
		width: 19vw;
		margin-top: 1.5vw;
		/* margin-left: 6vw; */
	}

	#hd.type-c #hd_logo > a > img{
		width: 100%;
	}

	/* #hd.type-c #hd_menu {
		width: 70%;
	} */

	#hd.type-c #hd_menu {
		display: none;
	}

	/* #hd.type-c #hd_btn {
		float: right;
		margin-top: 4.7vw;
		margin-right: 6%;
	}
	
	#hd.type-c #hd_btn button {
		width: 6.7vw;
		height: 6.7vw;
	}
	
	#hd.type-c #hd_btn button > img {
		width: 100%;
	}
	
	#hd.type-c #hd_menu > a {
		font-size: 4.400vw;
		margin-left: 4.5%;
		line-height: 20vw;
	} */

	#hd.type-c .sitemap_btn {
		display: block;
		position: absolute;
		top: 6vw;
		right: 0;
		width: 6vw;
	}
}


/*************************************
//	푸터	- 타입 A //
*************************************/
#ft.type-a {
	/* margin-top: 70px; */
	padding: 74px 0;
	border-top: 1px solid #bbb;
}

#ft.type-a .ft_sector {
	display: flex;
	margin: 0 278px;
	align-items: center;
}

#ft.type-a #ft_logo {
	width: 93px;
	margin-right: 90px;
}

#ft.type-a #ft_logo > img {
	width: 100%;
}

#ft.type-a .ft_info {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.5;
}

#ft.type-a .ft_info a {
	color: #666;
}

#ft.type-a .ft_copyright {}

#ft.type-a .ft_mark {
	flex: 1;
	text-align: right;
}

#ft.type-a .ft_mark > img {
	margin-left: 15px;
}

@media screen and (max-width:1000px) {
	#ft.type-a {
		/* margin-top: 7vw; */
		padding: 7.4vw 0;
		text-align: center;
	}

	#ft.type-a .ft_sector {
		display: block;
		margin: 0 6%;
	}

	#ft.type-a #ft_logo {
		margin: 0 auto 2.5vw;
		width: 9.3vw;
	}

	#ft.type-a .ft_info {
		font-size: 1.4vw;
	}

	#ft.type-a .ft_mark {
		margin-top: 4vw
		text-align: center;
	}

	#ft.type-a .ft_mark > img {
		margin-left: 0;
	}
}

/*************************************
//	푸터	- 타입 B //
*************************************/
#ft.type-b {
	padding: 35px 0;
	background: var(--sub-color);
	color: #fff;
}

#ft.type-b .ft_sector {
	margin: 0 278px;
	align-items: center;
}

#ft.type-b .ft_logo {
	float: left;
	margin-top: 19px;
	margin-right: 60px;
}

#ft.type-b .ft_info {
	float: left;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.5;
}

#ft.type-b .ft_info a {
	color: #fff;
}

#ft.type-b .ft_copyright {}

#ft.type-b .ft_mark {
	float: right;
	text-align: right;
}

#ft.type-b .ft_mark > img {
	margin-left: 15px;
}

.ft_copyright2 {
	padding: 20px 0;
	background: #303030;
	font-size: 14px;
	text-align: center;
	color: #fff;
}

@media screen and (max-width:1000px) {
	#ft.type-b {
		padding: 8vw 0;
	}

	#ft.type-b .ft_sector {
		display: block;
		margin: 0 6vw;
	}
	
	#ft.type-b .ft_logo {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 4vw;
	}
	
	#ft.type-b .ft_logo > img {
		width: 26vw;
	}

	#ft.type-b .ft_info {
		width: 100%;
		font-size: 3.6vw;
	}

	#ft.type-b .ft_mark {
		margin-top: 10vw;
	}

	#ft.type-b .ft_mark img {
		margin-left: 0;
		width: 40%;
	}

	#ft.type-b .ft_mark img:not(:last-child) {
		margin-right: 2.67%;
	}
	
	.ft_copyright2 {
		padding: 4vw 0;
		font-size: 3.6vw;
	}
}


/*************************************
//	서브메뉴	//
*************************************/
#submenu_area {}

.submenu_banner {}

.submenu_banner > img {}

.submenu_box {
	height: 53px;
	background: var(--sub-color);
	text-align: center;
}

.submenu_box .submenu {
	display: inline-block;
}

.submenu_box .submenu > li {
	float: left;
}

.submenu_box .submenu > li:not(:last-child) {
	margin-right: 1px;
}

.submenu_box .submenu > li > a{
	display: inline-block;
	width: 250px;
	font-size: 20px;
	line-height: 53px;
	color: #fff;
}

.submenu_box .submenu > li.on, .submenu_box .submenu > li:hover {
	background: #fff;
}

.submenu_box .submenu > li.on > a, .submenu_box .submenu > li:hover > a {
	color: var(--sub-color);
}

@media screen and (max-width:1000px) {
	.submenu_box {
		height: 10.6vw;
	}

	.submenu_box .submenu > li {
		width: 50vw;
	}

	.submenu_box .submenu > li:not(:last-child) {
		margin-right: 0;
	}

	.submenu_box .submenu > li > a{
		width: 100%;
		font-size: 4vw;
		line-height: 10.6vw;
	}
}


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

@media screen and (max-width:1000px) {
	#sitemap_area { display: block; position: fixed; top: 0; /* right: -100%; */ right: 0; width: 100%; height: 100%; background: #fff; z-index: 999999; }
	#sitemap_area .sitemap_header { height: 17vw; border-bottom: 1px solid #ACACAC; }

	#sitemap_area .sitemap_header .logo { /* text-align: center; */ }
	#sitemap_area .sitemap_header .logo img { max-width: 20.8%; line-height: 17vw; margin-top: 1.5vw; margin-left: 6vw; }

	#sitemap_area .sitemap_header .close_btn { position: absolute; top: 0; right: 6vw; background: none; line-height: 17vw; }
	#sitemap_area .sitemap_header .close_btn img { max-width: 6vw; }

	#sitemap_area .sitemap_gnb dt, #sitemap_area .sitemap_gnb dd { padding: 0 6vw; font-size: 4.4vw; /* text-align: center; */ }
	#sitemap_area .sitemap_gnb dt { border-bottom: 1px solid #ddd; line-height: 16.800vw; background: url('/images/ex_sitemap_arrow.png') no-repeat center right 5%; font-weight: bold; }
	#sitemap_area .sitemap_gnb dt.no_snb { background: none; }
	#sitemap_area .sitemap_gnb dt + dd { padding-top: 20px; }
	#sitemap_area .sitemap_gnb dd { display: none; padding-bottom: 20px; background: #E8E8E8; }
	#sitemap_area .sitemap_gnb dt a, #sitemap_area .sitemap_gnb dd a { display: inline-block; width: 100%; height: 100%; }

	#sitemap_area .sitemap_btn { position: absolute; bottom: 11.200vw; left: 50%; transform: translateX(-50%); }
	#sitemap_area .sitemap_btn button { width: 8.800vw; height: 8.800vw; background: none; }
	#sitemap_area .sitemap_btn button:not(:last-child) { margin-right: 3px; }
}


/*************************************
//	서브메뉴	//
*************************************/
#submenu_area {}

.submenu_banner {}

.submenu_banner > img {}

.submenu_box {
	height: 53px;
	background: var(--sub-color);
	text-align: center;
}

.submenu_box .submenu {
	display: inline-block;
}

.submenu_box .submenu > li {
	float: left;
}

.submenu_box .submenu > li:not(:last-child) {
	margin-right: 1px;
}

.submenu_box .submenu > li > a{
	display: inline-block;
	width: 250px;
	font-size: 20px;
	line-height: 53px;
	color: #fff;
}

.submenu_box .submenu > li.on, .submenu_box .submenu > li:hover {
	background: #fff;
}

.submenu_box .submenu > li.on > a, .submenu_box .submenu > li:hover > a {
	color: var(--sub-color);
}

@media screen and (max-width:1000px) {
	.submenu_box {
		height: 10.6vw;
	}

	.submenu_box .submenu > li {
		width: 50vw;
	}

	.submenu_box .submenu > li:not(:last-child) {
		margin-right: 0;
	}

	.submenu_box .submenu > li > a{
		width: 100%;
		font-size: 4vw;
		line-height: 10.6vw;
	}
}