.header {
	background: #333; left: 0px; top: 0px; width: 100%; position:absolute; z-index: 110; margin-top:-94px
}

.header::before {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 94px; position: absolute; z-index: -1; content: "";
}
.header .hd_sub {
	margin: 0px auto; width: 100%; max-width: 1400px;
}
.header .hd_sub::after {
	clear: both; display: block; content: "";
}
.header .top_logo {
	width: 19%; float: left; padding-top:20px
}



.btn_mo_menu {
	background: url("/images//mo_menu_line.png") repeat-x left; width: 6%; height: 80px; font-size: 0px; float: right; display: none; position: relative;
}
.btn_mo_menu::before {
	background: rgb(51, 51, 51); transition:0.4s; left: 0px; top: 25px; width: 100%; height: 2px; position: absolute; content: "";
}
.btn_mo_menu::after {
	background: rgb(51, 51, 51); transition:0.4s; left: 0px; width: 100%; height: 2px; bottom: 25px; position: absolute; content: "";
}
.open.btn_mo_menu {
	background: rgb(255, 255, 255);
}
.open.btn_mo_menu::before {
	background: rgb(1, 157, 219); top: 38px; transform: rotate(-45deg);
}
.open.btn_mo_menu::after {
	background: rgb(1, 157, 219); top: 38px; transform: rotate(45deg);
}


.header .gnb {
	width: 81%; float: right; display: table; table-layout: fixed;
}
.gnb > li {
	vertical-align: top; display: table-cell;
}
.gnb > li > a {
	transition:color 0.4s; text-align: center; color: rgb(51, 51, 51); line-height: 90px; font-size: 20px; font-weight: 600; position: relative; letter-spacing:-1px
}
.gnb > li > a::after {
	background: rgb(1, 101, 143); transition:height 0.4s; left: 10%; width: 80%; height: 0px; bottom: 0px; position: absolute; content: "";
}
.gnb > li:hover > a {
	color: rgb(1, 157, 219); 
}
.gnb > li > a:focus {
	color: rgb(1, 101, 143);
}
.gnb > li:hover > a::after {
	height: 0px;
}
.gnb > li > a:focus::after {
	height: 0px;
}
.gnb .subm {
	padding: 0px; transition:0.4s; height: 0px; overflow: hidden;
}
.gnb:hover .subm {
	padding: 20px 0px 40px; height: auto;
}
.gnb .subm > li > a {
	transition:0.4s; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 15px; font-weight: 600;
}
.gnb .subm > li > a:hover {
	color: rgb(0, 0, 0); font-weight: 700;
}
.gnb .subm > li > a:focus {
	color: rgb(1, 101, 143); font-weight: 700;
}



@media all and (max-width:1300px)
{
.header .hd_sub {
	padding: 0px 20px; box-sizing: border-box;
}
}

@media all and (max-width:1024px)
{
	.header {
	 margin-top:0px
}

.header .gnb {
	width: 65%;
}
.gnb > li > a {
	font-size: 18px;
}

}
@media all and (max-width:960px)
{
	.header {
	 margin-top:0px
}

.footer .ft_info {
	background: none; padding: 30px 0px; width: 80%;
}
.msec01 .ms01_ban {
	width: 940px;
}
.msec04 dl > dt {
	width: 100%; line-height: 30px; margin-bottom: 15px;
}
.msec04 dl > dd {
	padding: 0px; width: 100%;
}
.msec04 .owl-nav {
	background: none; border: currentColor; border-image: none; top: -45px; width: auto; height: auto; right: 30px;
}
.msec04 .owl-theme .owl-nav [class*='owl-'] {
	margin: 0px;
}
.msec04 .btn_mfs {
	margin: 0px; top: -42px; right: 0px;
}
}
@media all and (max-width:800px)
{
.header {
	background: rgb(255, 255, 255);margin-top:0px
}
.header::before {
	display: none;
}
.header .top_logo {
	width: 70%;
}
.top_logo > a {
	height: 80px;width: 50%;
}
.header .btn_mo_menu {
	display: block;
}
.header .gnb {
	background: rgba(1, 157, 219, 0.9); transition:right 0.4s; top: 80px; width: 40%; right: -40%; bottom: 0px; display: block; position: fixed;
}
.header .on.gnb {
	right: 0px;
}
.gnb > li {
	display: block;
}
.gnb > li > a {
	padding: 10px; transition:0.4s; color: rgb(255, 255, 255); line-height: 40px; border-top-color: rgba(255, 255, 255, 0.5); border-top-width: 1px; border-top-style: solid;
}
.gnb > li:first-child > a {
	border: currentColor; border-image: none;
}
.gnb > li.view > a {
	background: rgb(1, 101, 143); color: rgb(255, 255, 255);
}
.gnb > li:hover > a {
	background: rgb(1, 101, 143); color: rgb(255, 255, 255);
}
.gnb > li > a:focus {
	background: rgb(1, 101, 143); color: rgb(255, 255, 255);
}
.gnb > li > a::after {
	display: none;
}
.gnb .subm {
	background: rgba(255, 255, 255, 0.5); padding: 20px 0px !important; transition:none; height: auto; overflow: visible; display: none;
}
.gnb .subm > li > a {
	color: rgb(1, 101, 143); line-height: 35px; font-size: 14px;
}
.gnb .subm > li > a:hover {
	background: rgb(1, 157, 219); color: rgb(255, 255, 255);
}
.gnb .subm > li > a:focus {
	background: rgb(1, 157, 219); color: rgb(255, 255, 255);
}
.gnb .subm > li > a:active {
	background: rgb(1, 157, 219); color: rgb(255, 255, 255);
}

}
@media all and (max-width:640px)
{
.header {
	margin-top:0px;
}

.header .top_logo {
	width: 70%;
}
.top_logo > a {
	width: 90%;
}
.gnb > li > a {
	padding: 5px 10px; font-size: 16px;
}
.gnb .subm {
	padding: 10px 0px !important;
}

}





a {	color: rgb(102, 102, 102); font-weight: 400; text-decoration: none; vertical-align: top; display: block;}
a:hover {	text-decoration: none;}
a:active {	text-decoration: none;}
a:focus {	text-decoration: none;}
a:visited {	text-decoration: none;}




/*¸ÞÀÎ*/
.mainheader {
	background: rgba(1, 157, 219, 0.9); left: 0px; top: 0px; width: 100%; position:absolute; z-index: 110;
}

.mainheader::before {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 94px; position: absolute; z-index: -1; content: "";
}
.mainheader .hd_sub {
	margin: 0px auto; width: 100%; max-width: 1300px;
}
.mainheader .hd_sub::after {
	clear: both; display: block; content: "";
}
.mainheader .top_logo {
	width: 19%; float: left; padding-top:20px
}



.btn_mo_menu {
	background: url("/images//mo_menu_line.png") repeat-x left; width: 6%; height: 80px; font-size: 0px; float: right; display: none; position: relative;
}
.btn_mo_menu::before {
	background: rgb(51, 51, 51); transition:0.4s; left: 0px; top: 25px; width: 100%; height: 2px; position: absolute; content: "";
}
.btn_mo_menu::after {
	background: rgb(51, 51, 51); transition:0.4s; left: 0px; width: 100%; height: 2px; bottom: 25px; position: absolute; content: "";
}
.open.btn_mo_menu {
	background: rgb(255, 255, 255);
}
.open.btn_mo_menu::before {
	background: rgb(1, 157, 219); top: 38px; transform: rotate(-45deg);
}
.open.btn_mo_menu::after {
	background: rgb(1, 157, 219); top: 38px; transform: rotate(45deg);
}


.mainheader .gnb {
	width: 81%; float: right; display: table; table-layout: fixed;
}
.gnb > li {
	vertical-align: top; display: table-cell;
}
.gnb > li > a {
	transition:color 0.4s; text-align: center; color: rgb(51, 51, 51); line-height: 90px; font-size: 20px; font-weight: 600; position: relative; letter-spacing:-1px
}
.gnb > li > a::after {
	background: rgb(1, 101, 143); transition:height 0.4s; left: 10%; width: 80%; height: 0px; bottom: 0px; position: absolute; content: "";
}
.gnb > li:hover > a {
	color: rgb(1, 157, 219); 
}
.gnb > li > a:focus {
	color: rgb(1, 101, 143);
}
.gnb > li:hover > a::after {
	height: 0px;
}
.gnb > li > a:focus::after {
	height: 0px;
}
.gnb .subm {
	padding: 0px; transition:0.4s; height: 0px; overflow: hidden;
}
.gnb:hover .subm {
	padding: 20px 0px 40px; height: auto;
}
.gnb .subm > li > a {
	transition:0.3s; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; font-weight: normal;
}
.gnb .subm > li > a:hover {
	color: #aaa; 
}
.gnb .subm > li > a:focus {
	color: rgb(1, 101, 143); font-weight: 700;
}



@media all and (max-width:1300px)
{
.mainheader .hd_sub {
	padding: 0px 20px; box-sizing: border-box;
}
}

@media all and (max-width:1024px)
{
.mainheader .gnb {
	width: 65%;
}
.gnb > li > a {
	font-size: 18px;
}

}
@media all and (max-width:960px)
{
.footer .ft_info {
	background: none; padding: 30px 0px; width: 80%;
}
.msec01 .ms01_ban {
	width: 940px;
}
.msec04 dl > dt {
	width: 100%; line-height: 30px; margin-bottom: 15px;
}
.msec04 dl > dd {
	padding: 0px; width: 100%;
}
.msec04 .owl-nav {
	background: none; border: currentColor; border-image: none; top: -45px; width: auto; height: auto; right: 30px;
}
.msec04 .owl-theme .owl-nav [class*='owl-'] {
	margin: 0px;
}
.msec04 .btn_mfs {
	margin: 0px; top: -42px; right: 0px;
}
}
@media all and (max-width:800px)
{
.mainheader {
	background: rgb(255, 255, 255);
}
.mainheader::before {
	display: none;
}
.mainheader .top_logo {
	width: 70%;
}
.top_logo > a {
	height: 80px;width: 50%;
}
.mainheader .btn_mo_menu {
	display: block;
}
.mainheader .gnb {
	background: rgba(1, 157, 219, 0.9); transition:right 0.4s; top: 80px; width: 40%; right: -40%; bottom: 0px; display: block; position: fixed;
}
.mainheader .on.gnb {
	right: 0px;
}
.gnb > li {
	display: block;
}
.gnb > li > a {
	padding: 10px; transition:0.4s; color: rgb(255, 255, 255); line-height: 40px; border-top-color: rgba(255, 255, 255, 0.5); border-top-width: 1px; border-top-style: solid;
}
.gnb > li:first-child > a {
	border: currentColor; border-image: none;
}
.gnb > li.view > a {
	background: rgb(1, 101, 143); color: rgb(255, 255, 255);
}
.gnb > li:hover > a {
	background: rgb(1, 101, 143); color: rgb(255, 255, 255);
}
.gnb > li > a:focus {
	background: rgb(1, 101, 143); color: rgb(255, 255, 255);
}
.gnb > li > a::after {
	display: none;
}
.gnb .subm {
	background: rgba(255, 255, 255, 0.5); padding: 20px 0px !important; transition:none; height: auto; overflow: visible; display: none;
}
.gnb .subm > li > a {
	color: rgb(1, 101, 143); line-height: 35px; font-size: 14px;
}
.gnb .subm > li > a:hover {
	background: rgb(1, 157, 219); color: rgb(255, 255, 255);
}
.gnb .subm > li > a:focus {
	background: rgb(1, 157, 219); color: rgb(255, 255, 255);
}
.gnb .subm > li > a:active {
	background: rgb(1, 157, 219); color: rgb(255, 255, 255);
}

}
@media all and (max-width:640px)
{
.mainheader .top_logo {
	width: 70%;
}
.top_logo > a {
	width: 90%;
}
.gnb > li > a {
	padding: 5px 10px; font-size: 16px;
}
.gnb .subm {
	padding: 10px 0px !important;
}

}



a {	color: rgb(102, 102, 102); font-weight: 400; text-decoration: none; vertical-align: top; display: block;}
a:hover {	text-decoration: none;}
a:active {	text-decoration: none;}
a:focus {	text-decoration: none;}
a:visited {	text-decoration: none;}