@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');


@font-face {
	font-family: 'Pretendard-Regular';
	src : url('/font/Pretendard-Regular.woff2') format("woff2"), url('/font/Pretendard-Regular.woff') format("woff");
}
@font-face {
	font-family: 'Pretendard-Medium';
	src : url('/font/Pretendard-Mediumr.woff2') format("woff2"), url('/font/Pretendard-Mediumr.woff') format("woff");
}


@font-face {
	font-family: 'Pretendard-Bold';
	src : url('/font/Pretendard-Bold.woff2') format("woff2"), url('/font/Pretendard-Bold.woff') format("woff");
}

@font-face {
	font-family: 'Pretendard-ExtraLight';
	src : url('/font/Pretendard-ExtraLight.woff2') format("woff2"), url('/font/Pretendard-ExtraLight.woff') format("woff");
}

*{font-family: 'Pretendard-Regular';word-break:keep-all; }
header{ width:100%; height:80px;  background: #06070b;;
			position:fixed; top:0; left:0; z-index :1000; transition:0.5s; display: flex ; flex-direction:column;justify-content: center}
header .mid{width: 1400px; margin:0 auto; display: flex; align-items: center;justify-content: space-between}


header:hover .main_menu li{color: #eee;}
.main_menu{ width:880px; display: flex; height: 100%;align-items: center;justify-content: space-evenly}
.main_menu a{ color: #fff;  width: 20%; text-align: left; font-size :18px;padding-left: 37px;}
.main_menu li{font-size: 1.2rem;}
.logo_box{  width:150px; padding-left: 30px;;}
.logo_box img{width: 180px;}


.nav{width:100%; height:220px; position: fixed; top: -400px; left: 0; background: #fff;  z-index: 998; transition:0.7s; }
.nav > div{width:805px; float: right; }
.nav > div{display: flex;justify-content: space-evenly;}
.nav > div > ul {width:100%; text-align: left; padding:20px;border-left: 1px solid #ddd;}
.nav > div > ul:first-child{}
.nav > div > ul:last-child{}
.nav > div > ul > a > li{font-size: 1.2rem; padding: 10px 0;}
.nav > div > ul li:hover{ color: #004198; font-weight: bold;}
.sub2 li{padding: 10px 0 5px;}

.nav_line{  height: 3px; background: #fff; position: absolute; top:-1px; visibility: hidden;}

.full_header{ visibility: hidden}

.full_menu{ width:100%; height: 100vh; position:fixed; top: -100vh; left: 0; background: #fff; z-index: 999; transition:1s; display: flex;justify-content: flex-start;}
.full_menu > div{ width:16%;text-align: center; display: flex;flex-direction: column; justify-content: flex-start; padding-top: 130px; border-right: 1px solid #ddd; }

.full_menu div h1{font-size: 24px; }
.full_menu div .line{ width: 50px; height: 4px; background-color: #004198; margin: 30px auto;}
.full_menu div ul li{padding: 20px 0; font-size: 20px;}

.full_menu .top  {  margin: 20px }
.full_menu .top  a{ padding: 3px 20px; background: #fff; margin: 0px 0.5px; }
.full_menu .top a:first-child{ border-top-left-radius: 7px;border-bottom-left-radius: 7px; background : #1F98F3; color: #fff;}
.full_menu .top  a:last-child{ border-top-right-radius: 7px;border-bottom-right-radius: 7px; border: 1px solid #f5f5f5}

.menu_btn{ display: flex; align-items: center; justify-content: center; cursor:pointer; margin-right: 40px; }
.menu_btn img{ }
/*
.menu_btn, .menu_btn span { display: inline-block;transition: all .4s;box-sizing: border-box;}
*/
.menu_btn { position: relative; display: none; }
.menu_btn span {position: absolute;left: 25%; width: 50%;height: 2px;background-color: #222;border-radius: 4px; }
.menu_btn span:nth-of-type(1) {top: 28px;}
.menu_btn span:nth-of-type(2) {top: 54px;}
.menu_btn span:nth-of-type(3) {bottom:36px;}
.menu_btn.active-1 span:nth-of-type(1) {
	-webkit-transform: translateY (17px) rotate (-45deg);
	transform: translateY(17px) rotate(-45deg);
}

	.menu_btn.active-1 span:nth-of-type(2) {
	opacity: 0;
}

	.menu_btn.active-1 span:nth-of-type(3) {
	-webkit-transform: translateY(-4px) rotate(45deg);
	transform: translateY(4px) rotate(45deg);
}


.m_block{display: none;!important}

@media (max-width:1520px){

	.main_menu{ width: 840px;}
	.main_menu a{padding-left: 0;}

	.nav > div{width: 880px;}
	.nav > div > ul{ padding: 35px 20px 20px;}


}


@media (max-width:1400px){

	header .mid{width: 100%;}

	.main_menu{ width: 70%;}
	.main_menu a{padding-left:0; text-align: center;}
	.logo_box{width:200px;}

	.main_menu li{font-size: 1rem;}

	.nav > div{ width:94%;}
	.nav > div > ul { padding:35px 20px 20px 20px;}
	.content{width:90%; margin: 0 auto;}
}

@media (max-width:767px){

	
	.main_menu{ display: none;}
	header{ height: 60px; justify-content: space-between; overflow-x:hidden}
	header .mid{height: 59px; }
	.menu_btn{margin-right: 10px; display: block}


	.menu_btn.active-1 span:nth-of-type(1) {
		-webkit-transform: translateY (-2px) rotate (-45deg);
		transform: translateY(-2px) rotate(-45deg);
	}


	.menu_btn.active-1 span:nth-of-type(3) {
		-webkit-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}

	.full_menu{top: 60px; left: -100%;flex-direction: column; z-index :2000;}
	.full_menu div h1{font-size:20px; }
	.full_menu > div {width:100%; border: none; padding: 15px 30px;align-items: flex-start; border-bottom: 1px solid #ededed; }
	.nav{display: none;}

	.full_menu div ul{display: none; text-align: left;margin-top:15px }

	.full_menu div ul li{padding: 8px 7px;font-size:16px;}

	.logo_box{ padding-left: 0;}
	.logo_box img{ padding-left:20px; width:150px; margin-top:0px; }
	.logo{width:100%;}

	.m_block{display: inline-block!important;}
	.m_none{display: none!important;}
}