/* font */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/NotoSansKR-Light.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NotoSansKR-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NotoSansKR-Light.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NotoSansKR-Light.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NotoSansKR-Light.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NotoSansKR-Regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NotoSansKR-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NotoSansKR-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NotoSansKR-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NotoSansKR-Regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/NotoSansKR-Medium.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NotoSansKR-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NotoSansKR-Medium.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NotoSansKR-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NotoSansKR-Medium.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/NotoSansKR-Bold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NotoSansKR-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NotoSansKR-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NotoSansKR-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NotoSansKR-Bold.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/NotoSansKR-Black.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/NotoSansKR-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/NotoSansKR-Black.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NotoSansKR-Black.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NotoSansKR-Black.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/NotoSansKR-Black.svg#NotoSansKR') format('svg'); Legacy iOS
}


/* common */
		*{margin:0px; padding:0px;}
		html,body{ }
		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;}
		h1,h2,h3,h4,input,button{font-weight: bold;}
		body{font-family: 'Noto Sans KR', 'Nanum Gothic', '나눔고딕', 'Dotum', sans-serif; overflow-x:hidden}
		article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}/* HTML5 display-role reset for older browsers */
		table {border-collapse: collapse; border-spacing: 0;}
		img,fieldset,iframe{border: 0 none; vertical-align: top;}
		ol, ul{list-style:none;}
		a{text-decoration:none;color:inherit; display:block;}
		.cf{*zoom:1}
		.cf:after {content:'';display:block;clear:both;}

		#header{position:fixed;top:0;display:block; z-index:8000;width:100%; box-sizing:border-box;  height:87px; overflow:hidden; background:#fff;}
		#header.on{height:auto;}
		#header .w_bg{background:#fff; height:350px; width:100%;margin-top:-350px;}

		#header>div.wrap{max-width:1440px; display:block; margin:auto; position:relative;}
		.logo{float:left;padding:20px 0;}
		.wrap{max-width:1300px; display:block; margin:auto; position:relative;}
		.hd_left{display:inline-block; float:left;}
		.hd_right{display:inline-block; float:right;box-sizing:border-box; }
		.m_menu{display:none;}

		.hamburger {display: none;}
		.bar {display: block;width: 25px; height: 3px;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #000;}
		.hamburger.active .bar:first-child{transform: translateY(8px) rotate(135deg);}
		.hamburger.active .bar:nth-child(2){transform: scale(0);}
		.hamburger.active .bar:nth-child(3){transform: translateY(-8px) rotate(-135deg);}
		
		#nav{text-align:right;}
		#nav .lang_wrap{color:#fff;}
		#nav .lang_wrap a{display:inline-block; line-height:30px; color:#fff;}
		#nav > ul > li{display:inline-block;/*  margin-left:72px; */ padding:20px 24px; /*height:170px;*/ height: auto; text-align:center;font-size:18px; font-weight:500; position:relative; line-height:1; color:#000; line-height:57px;float:left;}
		#nav > ul > li a{display:block;}
        #nav > ul > li a img{padding-top:18px}
		/* #nav > ul > li:hover{color:#1968b3;} */

		#nav > ul > li > ul{position:relative;width:140px; left:50%; top: 10px; margin-left:-68px;color:#999; font-weight:400; font-size:16px;}


		#nav > ul > li > ul > li{line-height:40px; font-size:15px;width:100%;}
        #nav > ul > li > ul > li.auto {line-height: normal;}
		#nav > ul > li > ul > li:hover{color:#000080; font-weight: bold;}

        #nav > ul > .lang {display:flex;/*  margin-left:72px; */ padding:34px 24px; /*height:170px;*/ height: auto; text-align:center;font-size:18px; font-weight:500; position:relative; line-height:1; color:#000; line-height:57px;float:left;}
        #nav > ul > .lang a {width: 30px; height: 30px;}
        #nav > ul > .lang a img {width: 100%;}
        #nav > ul > .lang a:first-child {margin-right: 10px;}

		@media only screen and (max-width: 1100px) {
			#header{height:auto; overflow:visible;border-bottom:1px solid #ddd;}
            #header>div.wrap{padding:0 20px}
			#nav > ul > li{padding:0 25px;}
			#nav{display:none;position:absolute; top:83px; left:0; margin-top:0;z-index:5;width:100%; border-bottom:1px solid #c8c8c8;border-top:1px solid #c8c8c8; } 
			#nav.active{display:block;}
			#header .w_bg{display:none;}
			#nav .lang_wrap{background:#fff; color:#333; text-align:center;box-sizing:border-box; border-bottom:1px solid #ccc; }
			#nav .lang_wrap a{color:#333;}
			#nav > ul > li{width:100%; height:auto;background:#fff; color:#333; padding:0; line-height:45px; font-size:16px;float:none;}
            #nav > ul > .lang {width:100%; height:auto;background:#fff; color:#333; padding:0; line-height:45px; font-size:16px;float:none; justify-content: center; padding-bottom: 10px;}
			#nav > ul > li > ul{display:none;width:100%;position:static; margin:0;}
			.hamburger {display: block;cursor: pointer;padding-top:13px;} 
			.bar{width:50px; height:6px; margin:10px;}
			.hamburger.active .bar:first-child{transform: translateY(17px) rotate(135deg);}
			.hamburger.active .bar:nth-child(3){transform: translateY(-14px) rotate(-135deg);}
            #nav > ul > li > ul > li.auto {line-height: 40px;}
		}
		@media only screen and (max-width: 920px) {
			.ft_box2{display:none;}
			.copyright{box-sizing:border-box; padding-left:30px;}
		}

		@media only screen and (max-width: 768px) { 
		#header{height:auto; overflow:visible;border-bottom:1px solid #ddd;} 
		#nav{display:none;position:absolute; top:55px; left:0; margin-top:0;z-index:5;width:100%; border-bottom:1px solid #c8c8c8;border-top:1px solid #c8c8c8; } 
		#nav.active{display:block;}
		#header .w_bg{display:none;}
		#nav > ul > li{width:100%; height:auto;background:#fff; color:#333; padding:0; line-height:45px; font-size:16px;float:none;}
		#nav > ul > li > ul{display:none;width:100%;position:static; margin:0;}
		.hamburger {display: block;cursor: pointer;padding-top:13px;} 
		.bar {display: block;width: 25px; height: 3px;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #000;}
		.hamburger.active .bar:first-child{transform: translateY(8px) rotate(135deg);}
		.hamburger.active .bar:nth-child(3){transform: translateY(-8px) rotate(-135deg);}
		.logo{height:35px; padding:10px 0;}		
		}


		@media only screen and (max-width: 540px) { 
			
		}