@charset "utf-8";

/******************************  전체  ******************************/
#wrap, #header, .container, #footer, .main_area { float: left; width: 100%; min-width: 1024px; }

.container { position: relative; min-height: 500px; }

#header, #footer, .container, .main_area { padding: 0 80px; box-sizing: border-box; }

.sectors { position: relative; width: 100%; max-width: 1400px; height: inherit; margin: 0 auto; }


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

	#header, .container, #footer, .main_area { padding: 0; }

	.sectors { width: 90%; min-width: 0; }
}


/******************************  상단  ******************************/
#header.type_a { position: relative; height: 100px; border-bottom: 1px solid #000; text-align: center;  }
#header.type_a.main { position: absolute; top: 0; left: 0; width: 100%; z-index: 999999; border-bottom: 0; color: #fff; }

#header.type_a .logo { position: absolute; top: 0; left: 50px; line-height: 100px; z-index: 99; }

#header.type_a .gnb { display: inline-block; }
#header.type_a .gnb li { position: relative; float: left; }
#header.type_a .gnb li::before {}
#header.type_a .gnb li a { position: relative; padding: 0 40px; font-size: 18px; font-weight: 500; line-height: 100px; transition: .2s; }
#header.type_a .gnb li a::after { position: absolute; top: 20px; right: 56px; width: 7px; height: 7px; border-radius: 50%; background: #fcb413; opacity: 0; content: ""; transition: .3s; }
#header.type_a .gnb li:hover a, #header.type_a .gnb li.on a { color: #fcb413 }
#header.type_a .gnb li:hover a::after, #header.type_a .gnb li.on a::after { top: 0; right: 28px; opacity: 1; }

#header.type_a .sitemap_btn { display: none; }

@media screen and (max-width:1480px) {
	#header.type_a .gnb li a { position: relative; padding: 0 25px; font-size: 18px; font-weight: 500; line-height: 100px; transition: .2s; }
}

@media screen and (max-width:1280px) {
	#header.type_a { position: relative; height: 100px; /* border-bottom: 1px solid rgba(255,255,255,0.5); */ text-align: right; }

	#header.type_a .logo img { max-width: 110px; }
}

@media screen and (max-width:1024px) {
	#header.type_a { height: 80px; }

	#header.type_a .logo { left: 5%; line-height: 80px; }

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

	#header.type_a .sitemap_btn { display: block; float: right; background: none; line-height: 80px; }
}

/******************************  하단  ******************************/
#footer.type_b { padding-top: 40px; padding-bottom: 40px; background: #2b2b2b; color: rgba(255,255,255,0.5); text-align: center; }

#footer.type_b .company { margin-top: 20px; line-height: 2; }

#footer.type_b .company .copyright { line-height: 3.5; }

@media screen and (max-width:600px) {
	#footer.type_b { padding-top: 35px; padding-bottom: 20px; }

	#footer.type_b .f_logo img { max-width: 110px; }

	#footer.type_b .company { line-height: 1.6; }
}


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

@media screen and (max-width:1024px) {
	#sitemap_area.type_a { display: block; position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: #fff; z-index: 9999999; }
	#sitemap_area.type_a .sitemap_header { height: 80px; border-bottom: 1px solid #666; }

	#sitemap_area.type_a .sitemap_header .logo { line-height: 80px; }
	#sitemap_area.type_a .sitemap_header .logo img { max-width: 110px; margin-left: 5%; }

	#sitemap_area.type_a .sitemap_header .close_btn { position: absolute; top: 0; right: 5%; background: none; line-height: 80px; }

	#sitemap_area.type_a .sitemap_gnb {}
	#sitemap_area.type_a .sitemap_gnb li { padding: 0 5%; }
	#sitemap_area.type_a .sitemap_gnb li dl {}
	#sitemap_area.type_a .sitemap_gnb li dl dt { display: inline-block; position: relative; margin: 40px 0 15px; font-size: 20px; font-weight: 500; }
	#sitemap_area.type_a .sitemap_gnb li dl dt:not(.no-arrow)::after { position: absolute; top: 50%; right: -25px; width: 2.5vw; height: 9px; transform: translateY(-50%); background: url("../images/arrow_down.png") no-repeat center center; background-size: contain; content: ""; }
	#sitemap_area.type_a .sitemap_gnb li dl dd { padding: 25px; box-sizing: border-box; background: #f5f5f5; }
	#sitemap_area.type_a .sitemap_gnb li dl dd a { position: relative; margin: 0 7px; font-size: 20px; font-weight: 500; line-height: 1.6; }
	#sitemap_area.type_a .sitemap_gnb li dl dd a:not(:last-child)::after { position: absolute; top: 50%; right: -8px; width: 1px; height: 3vw; transform: translateY(-50%); background: #000; content: ""; }
	#sitemap_area.type_a .sitemap_gnb li dl dd a.no-right::after { display: none; }
}

@media screen and (max-width:600px) {
	#sitemap_area.type_a .sitemap_gnb li dl dt { margin: 10vw 0 3vw; font-size: 4vw; }
	#sitemap_area.type_a .sitemap_gnb li dl dd { padding: 5vw 5%; }
	#sitemap_area.type_a .sitemap_gnb li dl dd a { font-size: 4vw; }
}


/******************************  서브메뉴  ******************************/
.submenu_area { float: left; width: 100%; margin-top: 80px; text-align: center; }
.submenu_area .submenu { display: inline-block; height: 50px; }
.submenu_area .submenu li { float: left; width: 160px; border-radius: 10px; background: #f4f4f4; font-size: 20px; font-weight: 400; line-height: 50px; color: #000; cursor: pointer; transition: .3s; }
.submenu_area .submenu li.on, .submenu_area .submenu li:hover { background: #000; color: #fff; }
.submenu_area .submenu li:not(:last-child) { margin-right: 10px; }

@media screen and (max-width:1024px) {
	.submenu_area .submenu.two-line { height: 110px; }
	.submenu_area .submenu li { margin-bottom: 10px; }
}

@media screen and (max-width:600px) {
	.submenu_area { margin-top: 40px; }
	.submenu_area .submenu { height: 40px; }
	.submenu_area .submenu li { width: 27vw; font-size: 4vw; line-height: 40px; }
}