@charset "utf-8";
/* body {background: gray;} */

/******************************  전체  ******************************/
#wrap, #header, #container, #footer { width: 100%; }

.sectors { position: relative; max-width: 1260px; margin: 0 auto; }

.content { margin-bottom: 200px; }

@media screen and (max-width:1260px){
	.sectors { max-width: 88%; }
}

/******************************  헤더 header ******************************/
#header { position: absolute; height: 10vh; min-height: 80px; max-height: 100px; padding: 0 50px; box-sizing: border-box; border-bottom: 1px solid #bbb; background: rgba(255,255,255,0.5); text-align: center; z-index: 999; }
#header.main { position: fixed; }
#header .logo { position: absolute; top: 25%; left: 50px; height: 53%; }
#header .logo img { height: 100%; }
#header .gnb { display: inline-block; height: 100%; }
#header .gnb li { display: table; float: left; width: 240px; height: inherit; text-align: center; }
#header .gnb li:hover a, #header .gnb li.on a { color: #003874; }
#header .gnb li a { display: table-cell; font-size: 18px; font-weight: 500; vertical-align: middle; }
#header .top_sltBox { position: absolute; top: calc(50% - 15px); right: 50px; }
#header .top_sltBox .slt_lang { width: 75px; height: 30px; border-radius: 30px; text-indent: 10px; }
#header .top_sltBox .slt_lang option {}
#header .top_sltBox .sitemap_btn { display: none; }
#header .top_sltBox .sitemap_btn img {}

@media screen and (max-width:1200px){
	#header { height: 80px; padding: 0 6%; }
	#header .logo { left: 6%; }
	#header .top_sltBox { right: 6%; }
	#header .gnb { display: none; }
	#header .top_sltBox .sitemap_btn { display: inline-block; margin-left: 20px; background: none; }
	#header .top_sltBox .sitemap_btn img {}
}

.snb_area { display: none; position: fixed; top: 10vh; left: 0; width: 100%; /* height: 387px; */ background: #fff; text-align: center; z-index: 99999; }
.snb_area .snb { width: 960px; margin: 0 auto; padding: 20px 65px; box-sizing: border-box; }
.snb_area .snb::after { display: block; clear: both; content: ""; }
.snb_area .snb li { position: relative; float: left; padding-right: 30px; margin-right: 30px; }
.snb_area .snb li:not(.no-after)::after { position: absolute; top: calc(50% - 7px); right: 0; width: 1px; height: 14px; background: #777; content: ""; }
.snb_area .snb li a { position: relative; display: inline-block; width: 100%; font-size: 18px; font-weight: 500; line-height: 40px; }
.snb_area .snb li a::after { display: none; position: absolute; top: 50%; left: -10px; width: calc(100% + 20px); height: 100%; transform: translateY(-50%); background: #003874; content: ""; }
.snb_area .snb li a:hover { color: #fff; }
.snb_area .snb li a:hover::after { display: block; z-index: -1; }

#sitemap_area { display: none; }

#sitemap_area { display: block; position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: #fff; z-index: 999999; }
#sitemap_area .sitemap_header { height: 80px; border-bottom: 1px solid #ccc; }

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

#sitemap_area .sitemap_header .close_btn { position: absolute; top: 0; right: 5%; background: none; line-height: 80px; }
#sitemap_area .sitemap_header .close_btn img { max-width: 10vw; }

#sitemap_area .sitemap_gnb dt, #sitemap_area .sitemap_gnb dd { padding: 0 5%; font-size: 1.5em; }
#sitemap_area .sitemap_gnb dt { border-bottom: 1px solid #ddd; line-height: 60px; background: url('../images/m_down.png') no-repeat center right 5%; }
#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: #f3f3f3; }
#sitemap_area .sitemap_gnb dd.first { padding-bottom: 7px; }
#sitemap_area .sitemap_gnb dd.depth_3 { padding-bottom: 20px; font-size: 1.3em; line-height: 1; text-indent: 5%; }

/******************************  서브배너 subbanner ******************************/
#subBanner_area { position: relative; height: 440px; background: url('../images/sub_banner.png') no-repeat center center; background-size: cover; }
#subBanner_area .sectors { height: inherit; }
#subBanner_area .subBanner_box { position: absolute; top: calc(50% + 40px); left: 0; width: 100%; transform: translateY(-50%); }
#subBanner_area .subBanner_box h1 { font-size: 50px; font-weight: bold; color: #fff; }
#subBanner_area .subBanner_box h1 span { font-size: 15px; font-weight: 300; }

@media screen and (max-width:1000px){
	#subBanner_area { height: 40vh; }
	#subBanner_area .subBanner_box h1 { font-size: 2.5em; text-align:center; }
}

@media screen and (max-width:750px){
	#subBanner_area { background: url('../images/m_sub_banner.png') no-repeat center center; background-size: cover; }

	#subBanner_area .subBanner_box h1 span { display: block; margin-top: 10px; font-size: 0.4em; }
}

/******************************  서브메뉴  ******************************/
#submenu_area { background: #f9f9f9; border-bottom: 1px solid #ccc; }

#submenu_area .submenu_box { max-width: 1260px; height: 80px; margin: 0 auto; }

#submenu_area .submenu_box .submenu_name { font-size: 18px; line-height: 80px; }

#submenu_area .submenu_box .submenu_home, #submenu_area .submenu_box .gnb_big, #submenu_area .submenu_box .snb_big { position: relative; float: left; cursor: pointer; }
#submenu_area .submenu_box .gnb_big, #submenu_area .submenu_box .snb_big { width: 320px; padding: 0 20px; background: url('../images/down_arrow.png') no-repeat right 20px center; }
#submenu_area .submenu_box .gnb_big .gnb_small, #submenu_area .submenu_box .snb_big .snb_small { display: none; position: absolute; top: 80px; left: 0; width: 100%; z-index: 999; }
#submenu_area .submenu_box .gnb_big .gnb_small li, #submenu_area .submenu_box .snb_big .snb_small li { width: 360px; padding: 0 20px; border: 1px solid #ddd; border-top: 0; background: #fff; box-sizing: border-box; font-size: 18px; line-height: 3.5; /* text-align: center; */ }
#submenu_area .submenu_box .gnb_big .gnb_small li:hover, #submenu_area .submenu_box .snb_big .snb_small li:hover { background: #f4f4f4; }

#submenu_area .submenu_box .submenu_home { padding-right: 20px; }
#submenu_area .submenu_box .submenu_home img { margin-top: -5px; }

#submenu_area .submenu_box .gnb_big {}
#submenu_area .submenu_box .gnb_big .gnb_small {}
#submenu_area .submenu_box .gnb_big .gnb_small li {}

#submenu_area .submenu_box .snb_big { width: 560px; }
#submenu_area .submenu_box .snb_big.no-arrow { background: none; }
#submenu_area .submenu_box .snb_big .snb_small {}
#submenu_area .submenu_box .snb_big .snb_small li { width: 600px; }

@media screen and (max-width:1030px) {
	#submenu_area { display: none; }
}

/******************************  푸터 footer  ******************************/
#footer { padding: 40px 0; background: #2b2b2b; color: rgba(255,255,255,0.5); text-align: center; }
#footer .company { position: relative; padding-top: 20px; margin-top: 20px; font-weight: 200; }
#footer .company::before { position: absolute; top: 0; left: 20%; width: 60%; height: 1px; background: rgba(255,255,255,0.3); content: ""; }

@media screen and (max-width:1000px){
	#footer .company::before { left: 6%; width: 88%; }
}