@charset "utf-8";

/******************************  공통 영역  ******************************/
#wrap, .container { width: 100%; min-width: 1400px; }
#wrap {
	margin-bottom: 0;
}
.container {
	padding-bottom: 150px;
}
.contents {
	min-height: 700px;
}
.sector { position: relative; width: 1364px; height: inherit; margin: 0 auto; }
.sub_sector { position: relative; width: 1264px; height: inherit; margin: 0 auto; }

@media screen and (max-width:1000px) {
	#wrap, .container { min-width: 0; }
	#wrap{ margin-bottom: 0; }
	.sector,.sub_sector { width: 88%; }
	.container { padding-bottom: 30vw; }
	.contents { min-height: 140vw; }
}


/******************************  헤더  ******************************/
#header {
	/* position: fixed; */
	top: 0;
	left: 0;
	width: 100%;
	height: 124px;
	background: #fff;
	z-index: 99999;
}

#header .logo {
	float: left;
	width: 384px;
	height: 54px;
	margin-top: 35px;
	background: url('../images/h_logo.png') no-repeat center center / contain;
}

#header .top_call_ico {
	float: left;
	width: 200px;
	margin-top: 45px;
	margin-left: 20px;
}

#header .gnb {
	float: right;
}

#header .gnb > li {
	position: relative;
	float: left;
	margin-left: 53px;
	font-size: 22px;
	font-weight: 400;
	line-height: 124px;
	color: #444444;
}

#header .gnb > li .gnb_sub_list {
	display:none;
	position: absolute;
	top: 124px;
	/* left: 0; */
	width: 200px;
	padding: 15px 0;
	border-top: 2px solid var(--main-color);
	background: #fff;
	z-index:9999;
}

#header .gnb > li .gnb_sub_list > li {
	line-height: 2;
	text-align: center;
}

#header .gnb > li .gnb_sub_list > li a {
	font-size: 20px;
	/* line-height: 44px; */
	color: #000;
}

#header .sitemap_btn {
	float: right;
}

@media screen and (max-width:1000px) {
	#header {
		height: 12.4vw;
		border-bottom: 1px solid #aaa;
	}

	#header .logo {
		width: 38.4vw;
		height: 5.368vw;
		margin-top: 3.5vw;
		background-image: url('../images/m_h_logo.png');
	}
	
	#header .top_call_ico {
		width: 40vw;
		margin-top: 6.5vw;
		margin-left: 3vw;
	}

	#header .gnb {
		display: none;
	}

	#header .sitemap_btn {
		float: right;
		width: 6vw;
		margin-top: 3.8vw;
		background: none;
	}
}


/******************************  푸터  ******************************/
#footer {
	padding: 100px 0 120px;
	background: #000;
}

.ft_logo {
	margin-bottom: 30px;
	width: 357px;
	height: 55px;
	background: url('../images/f_logo.png') no-repeat center center / contain;
}

.ft_info {
	font-size: 14px;
	line-height: 2;
	color: #fff;
}

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

	.ft_logo {
		margin-bottom: 3.3vw;
		width: 31.5vw;
		height: 5.426vw;
		background: url('../images/m_f_logo.png') no-repeat center center / contain;
	}

	.ft_info {
		font-size: 2.4vw;
	}
}


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

.sitemap_header { height: 90px; border-bottom: 1px solid #e0e0e0; background: #fff; text-align: center; }
.sitemap_header .sector { position: relative; }
.sitemap_header .logo { position: absolute; display: inline-block; z-index: 1; }

@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_header { height: 17vw; }
	.sitemap_header .logo { top: 5vw; left: 0; width: 38.4vw; height: 5.368vw; background: url('../images/m_h_logo.png') no-repeat center center / contain; }

	#sitemap_area .sitemap_gnb dt, #sitemap_area .sitemap_gnb dd { padding: 0 6vw; font-size: 4.4vw; color: #444444; }
	#sitemap_area .sitemap_gnb dt { border-bottom: 1px solid #ddd; line-height: 18.2vw; font-weight: 400; }
	#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: #E8E8E8; }

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

/******************************  전체 메뉴  ******************************/
#snb_area {
	display: none;
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	/* padding: 25px 0; */
	padding-bottom: 25px;
	background: #fff;
	/* box-shadow: 5px 5px 10px rgba(0,0,0,0.05); */
	z-index: 99999;
}

#snb_area .snb_box {
	float: right;
	margin-right: -5px;
}

#snb_area .snb_box > li {
	float: left;
}

#snb_area .snb_box > li:nth-child(1) { margin-left: 0; /* background: red; */ }
#snb_area .snb_box > li:nth-child(2) { margin-left: 79px; /* background: orange; */ }
#snb_area .snb_box > li:nth-child(3) { margin-left: 100px; /* background: blue; */ }
#snb_area .snb_box > li:nth-child(4) { margin-left: 66px; /* background: green; */ }
#snb_area .snb_box > li:nth-child(5) { margin-left: 43px; /* background: green; */ }

#snb_area .snb_box > li > a {
	display: block;
	margin: 20px 0;
	font-size: 18px;
	text-align: center;
	line-height: 1.25;
}

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

/******************************  메인 공통  ******************************/
.main_title {
	padding-top: 65px;
	font-size: 55px;
	font-weight: 500;
	text-align: center;
}

.main_intro {
	padding-top: 10px;
	margin-bottom: 60px;
	font-size: 18px;
	line-height: 1.15;
	text-align: center;
	color: #777777;
}

.main_btn_area {
	margin-top: 75px;
	text-align: center;
}

.main_btn_area .main_btn {
	padding: 10px 60px;
	border-radius: 50px;
	background: var(--main-color);
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

@media screen and (max-width:1000px) {
	.main_title {
		padding-top: 11vw;
		font-size: 7vw;
	}

	.main_intro {
		padding-top: 3.6vw;
		margin-bottom: 10vw;
		font-size: 4.4vw;
		line-height: 1.2;
	}
	
	.main_btn_area {
		margin-top: 2vw;
	}

	.main_btn_area .main_btn {
		margin-bottom: 3vw;
		padding: 1.2vw 5.7vw;
		border-radius: 5vw;
		font-size: 4.4vw;
	}
}


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

#sub_menu_area .sub_banner {
	display: flex;
	height: 416px;
	background: url('../images/sub_banner 1.png') no-repeat center center / cover;
	align-items: center;
	justify-content: center;
}

#sub_menu_area .sub_banner .sub_banner_tit {
	font-size: 54px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 3px 6px #00000029;
}

#sub_menu_area .sub_banner .sub_banner_tit .date {
	color: #d32f3c;
	-webkit-text-stroke: 1px #fff;
}

#sub_menu_area .sub_menu_box {
	border-bottom: 1px solid 
}

#sub_menu_area .sub_menu_box .sector {
	display: flex;
}

#sub_menu_area .sub_menu_box .sector .sub_menu {
	flex: 1;
	height: 83px;
	padding-top: 5px;
	background: transparent;
	font-size: 32px;
}

#sub_menu_area .sub_menu_box .sector .sub_menu.on {
	box-shadow: inset 0 -3px 0 #d32f3c;
	color: #d32f3c;
}

@media screen and (max-width:1000px) {
	#sub_menu_area {}

	#sub_menu_area .sub_banner {
		height: 50vw;
		background: url('../images/m_sub_banner.png') no-repeat center center / cover;
	}

	#sub_menu_area .sub_banner .sub_banner_tit {
		font-size: 5.4vw;
	}

	#sub_menu_area .sub_menu_box .sector .sub_menu {
		height: 10.4vw;
		padding-top: 1vw;
		font-size: 3.2vw;
	}
}



/* 퀵메뉴 시작 */
#quick_area { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999999; }
#quick_area .quick_box { position: absolute; bottom: 150px; right: 90px; z-index: 999999;}
#quick_area .quick_box li { text-align: center; margin-top: 20px;}
#quick_area .quick_box li .top_btn { width: 70px; height: 70px; background: transparent; }

@media screen and (max-width:1000px) {
	#quick_area .quick_box { bottom: 40vw; right: 2.5vw;}
	#quick_area .quick_box li { margin-top: 2vw;}
	#quick_area .quick_box li .top_btn { width: 7vw; height: 7vw; }
}