.container .contents { width: 100%; height: auto; text-align: center; background-color: #f0f0f0; }
.container .contents .contents_box {
	width: 100%; max-width: 1548px; height: auto;
	padding: 120px 0px; 
	background-color: #fff;
}

.container .contents .contents_box .contents_wrap {
	width: 100%; max-width: 1200px; height: auto;
	text-align: left;
}

#sub_header {
	width: 100%; height: 336px;
	background-color: #a8d1e7;
	box-sizing: border-box;
	text-align: center;
	z-index: 100;
}

#sub_header > div {
	width: 100%; max-width: 1548px; height: 100%; 
	padding-bottom: 70px; 
	box-sizing: border-box;
	text-align: center;
}
#sub_header > div > .sub_header_contents { width: 100%; max-width: 1548px; height: 266px;  text-align: center; box-sizing: border-box; } 
#sub_header > div > .sub_header_contents > .sub_header_contents_box { width: 100%; max-width: 1200px; height: 100%; /* background: url(../images/svg/sub_header_img.svg) no-repeat center right; background-size: auto 220px; */ }
#sub_header > div > .sub_header_contents > .sub_header_contents_box > .sub_header_contents_title_box {
	top: 50%; left: 0px;
	width: auto; height: auto; line-height: 1.5;
	font-size: 50px; 
	color: #ffffff; text-align: left;
    transform: translateX(0%) translateY(-60%);
	font-family: 'NotoSansKR', sans-serif; 
	font-weight: 700;
}

#sub_header > div > .sub_header_contents > .sub_header_contents_box > .sub_header_contents_title_box > span {
	padding: 10px 2px;
	border-top: 1px solid #fff; border-bottom: 1px solid #fff;
	font-size: 14px; font-weight: 400;
}


#sub_header > div > .sub_header_tab { left: 0px; bottom: 0px; width: 100%; height: 70px; line-height: 74px; }
#sub_header > div > .sub_header_tab > .sub_header_tab_title { display: none; width: 100%; height: 100%; line-height: 42px; text-align: left; padding: 0px 15px; box-sizing: border-box; background-color: #27366a; color: #fff; cursor: pointer; }
#sub_header > div > .sub_header_tab > .sub_header_tab_title > div { width: 15px; height: 100%; background: url(../images/svg/nav_down.svg) no-repeat center center; background-size: 100%; }
#sub_header > div > .sub_header_tab > .sub_header_tab_title.up > div { background: url(../images/svg/nav_up.svg) no-repeat center center; }
#sub_header > div > .sub_header_tab > ul,
#sub_header > div > .sub_header_tab > ul > li ,
#sub_header > div > .sub_header_tab > ul > li > a { width: 100%; height: 100%; }
#sub_header > div > .sub_header_tab > ul > li > a { text-align: center; color: #27366a; font-size: 16px; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background-color: #fafafa; box-sizing: border-box; }
#sub_header > div > .sub_header_tab > ul > li > a:hover { background-color: #27366a; color: #fff; }
#sub_header > div > .sub_header_tab > ul > li > a:hover.active,
#sub_header > div > .sub_header_tab > ul > li > a.active { background-color: #fff; color: #27366a; border-bottom: 1px solid #fff; }

#sub_header > div > .sub_header_tab > ul > li:first-child > a { border-left: 0px; }
#sub_header > div > .sub_header_tab > ul.sub_header_tab_06 > li { width: 16.667%; font-family: 'NotoSansKR', sans-serif; font-weight: 500; }
#sub_header > div > .sub_header_tab > ul.sub_header_tab_05 > li { width: 20%; font-family: 'NotoSansKR', sans-serif; font-weight: 500; }
#sub_header > div > .sub_header_tab > ul.sub_header_tab_02 > li { width: 50%; font-family: 'NotoSansKR', sans-serif; font-weight: 500; }
#sub_header > div > .sub_header_tab > ul.sub_header_tab_03 > li { width: 33.3334%; font-family: 'NotoSansKR', sans-serif; font-weight: 500; box-sizing: border-box;}

#sub_header_bg { display: none; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background-color: #212328; opacity: 0.5; }



@media (max-width: 479px){ 
	#sub_header { height: 230px; }
	#sub_header > div { padding-bottom: 40px; }
	#sub_header > div > .sub_header_tab { height: 40px; line-height: 44px; font-size: 12px; }
	#sub_header > div > .sub_header_tab > ul > li > a { font-size: 12px; }

	#sub_header > div > .sub_header_tab { padding: 0px 0px; box-sizing: border-box; }
	#sub_header > div > .sub_header_contents{ height: 100%; padding: 0px 0px;  box-sizing: border-box; border: 0px; }
	#sub_header > div > .sub_header_contents > .sub_header_contents_box { background-size: auto 75%; background-position: calc(100% - 15px) 80%; }
	#sub_header > div > .sub_header_contents > .sub_header_contents_box > .sub_header_contents_title_box { left: 15px; font-size: 32px; transform: translateX(0%) translateY(-50%); }
	#sub_header > div > .sub_header_contents > .sub_header_contents_box > .sub_header_contents_title_box > span { font-size: 12px; padding: 5px 2px; }

	.container .contents { padding: 0px 0px; box-sizing: border-box; }
	#sub_header > div > .sub_header_tab > ul { display: none; z-index: 1; }
	#sub_header > div > .sub_header_tab > ul.sub_header_tab_06 > li { width: 100%; }
	#sub_header > div > .sub_header_tab > ul.sub_header_tab_06 > li > a { border: 0px; text-align: left; padding: 0px 15px; }

	#sub_header > div > .sub_header_tab > ul.sub_header_tab_05 > li { width: 100%; }
	#sub_header > div > .sub_header_tab > ul.sub_header_tab_05 > li > a { border: 0px; text-align: left; padding: 0px 15px; }


	#sub_header > div > .sub_header_tab > ul.sub_header_tab_02 > li { width: 100%; }
	#sub_header > div > .sub_header_tab > ul.sub_header_tab_02 > li > a { border: 0px; text-align: left; padding: 0px 15px; }

	#sub_header > div > .sub_header_tab > ul.sub_header_tab_03 > li { width: 100%; }
	#sub_header > div > .sub_header_tab > ul.sub_header_tab_03 > li > a { border: 0px; text-align: left; padding: 0px 15px; }

	#sub_header > div > .sub_header_tab > ul > li > a:hover.active { border: 0px; }
	#sub_header > div > .sub_header_tab > .sub_header_tab_title { display: inline-block; }

	.container .contents .contents_box { padding: 45px 0px; }
	.container .contents .contents_box .contents_wrap { padding: 0px 15px; box-sizing: border-box; }
	
}

@media (max-width: 749px) and (min-width: 480px) { 
	#sub_header { height: 250px; }
	#sub_header > div { padding-bottom: 40px; }
	#sub_header > div > .sub_header_tab { height: 40px; line-height: 44px; font-size: 12px; }
	#sub_header > div > .sub_header_tab > ul > li > a { font-size: 12px; }

	#sub_header > div > .sub_header_tab { padding: 0px 0px; box-sizing: border-box; }
	#sub_header > div > .sub_header_contents{ height: 100%; padding: 0px 0px;  box-sizing: border-box; border: 0px; }
	#sub_header > div > .sub_header_contents > .sub_header_contents_box { background-size: auto 70%; background-position: calc(100% - 15px) center; }
	#sub_header > div > .sub_header_contents > .sub_header_contents_box > .sub_header_contents_title_box { left: 15px; font-size: 32px; }
	#sub_header > div > .sub_header_contents > .sub_header_contents_box > .sub_header_contents_title_box > span { font-size: 12px; padding: 5px 2px; }

	.container .contents { padding: 0px 0px; box-sizing: border-box; }

	#sub_header > div > .sub_header_tab > ul { display: none; z-index: 1; }
	#sub_header > div > .sub_header_tab > ul.sub_header_tab_06 > li { width: 100%; }
	#sub_header > div > .sub_header_tab > ul.sub_header_tab_06 > li > a { border: 0px; text-align: left; padding: 0px 15px; }

	#sub_header > div > .sub_header_tab > ul.sub_header_tab_05 > li { width: 100%; }
	#sub_header > div > .sub_header_tab > ul.sub_header_tab_05 > li > a { border: 0px; text-align: left; padding: 0px 15px; }


	#sub_header > div > .sub_header_tab > ul.sub_header_tab_02 > li { width: 100%; }
	#sub_header > div > .sub_header_tab > ul.sub_header_tab_02 > li > a { border: 0px; text-align: left; padding: 0px 15px; }

	#sub_header > div > .sub_header_tab > ul.sub_header_tab_03 > li { width: 100%; }
	#sub_header > div > .sub_header_tab > ul.sub_header_tab_03 > li > a { border: 0px; text-align: left; padding: 0px 15px; }

	#sub_header > div > .sub_header_tab > ul > li > a:hover.active { border: 0px; }

	#sub_header > div > .sub_header_tab > .sub_header_tab_title { display: inline-block; }

	.container .contents .contents_box { padding: 45px 0px; }
	.container .contents .contents_box .contents_wrap { padding: 0px 15px; box-sizing: border-box; }
	
}

@media (max-width: 1023px) and (min-width: 750px) { 
	#sub_header { height: 250px; }
	#sub_header > div { padding-bottom: 40px; }
	#sub_header > div > .sub_header_tab { height: 40px; line-height: 44px; font-size: 12px; }
	#sub_header > div > .sub_header_tab > ul > li > a { font-size: 12px; }

	#sub_header > div > .sub_header_tab { padding: 0px 15px; box-sizing: border-box; }
	#sub_header > div > .sub_header_contents{ height: 100%; padding: 0px 15px;  box-sizing: border-box; border: 0px; }
	#sub_header > div > .sub_header_contents > .sub_header_contents_box { background-size: auto 80%; }
	#sub_header > div > .sub_header_contents > .sub_header_contents_box > .sub_header_contents_title_box { font-size: 36px; }
	#sub_header > div > .sub_header_contents > .sub_header_contents_box > .sub_header_contents_title_box > span { font-size: 12px; padding: 5px 2px; }

	.container .contents { padding: 0px 15px; box-sizing: border-box; }
	.container .contents .contents_box { padding: 45px 0px; }
	.container .contents .contents_box .contents_wrap { padding: 0px 15px; box-sizing: border-box; }

}

@media (max-width: 1279px) and (min-width: 1024px) { 
	#sub_header > div { padding-bottom: 60px; }
	#sub_header > div > .sub_header_tab { height: 60px; line-height: 64px; font-size: 14px; }
	#sub_header > div > .sub_header_tab > ul > li > a { font-size: 14px; }

	#sub_header > div > .sub_header_tab { padding: 0px 25px; box-sizing: border-box; }
	#sub_header > div > .sub_header_contents{ height: 100%; padding: 0px 25px;  box-sizing: border-box; border: 0px; }
	#sub_header > div > .sub_header_contents > .sub_header_contents_box {  }
	#sub_header > div > .sub_header_contents > .sub_header_contents_box > .sub_header_contents_title_box { font-size: 42px; }
	#sub_header > div > .sub_header_contents > .sub_header_contents_box > .sub_header_contents_title_box > span { font-size: 13px; }

	.container .contents { padding: 0px 25px; box-sizing: border-box; }
	.container .contents .contents_box { padding: 45px 0px; }
	.container .contents .contents_box .contents_wrap { padding: 0px 25px; box-sizing: border-box; }
}

@media (max-width: 1578px) and (min-width: 1280px) { 
	.container .contents .contents_box { padding: 60px 0px; }
	#sub_header > div > .sub_header_tab { padding: 0px 15px; box-sizing: border-box; }
	#sub_header > div > .sub_header_contents{ padding: 0px 15px; box-sizing: border-box; border: 0px; }
}