@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);

@font-face {
	font-family:'notosans';
	src: url('../font/NotoSans-Regular.ttf') format('truetype');
}
/* ÀüüÀû¿ë */

/*html, body {*/
/*max-width: 100%;*/
/*overflow-x: hidden;*/
/*}*/

/*body {*/
/*overflow: hidden;*/
/*width: 100%;*/
/*-webkit-box-sizing: border-box;*/
/*-moz-box-sizing: border-box;*/
/*box-sizing: border-box;*/
/*}*/

body{overflow-x:hidden; overflow-y:auto}


/* head */
	#head_wrap	{text-align:center; padding: 0px;}
	#head_wrap2	{text-align:center; min-width: 1200px; padding: 0px;}
	div#head		{width:1200px;  margin:0 auto; text-align:left;}
	@media all and (max-width:640px){
		div#head {width:100%;margin:0;}
	}

	/* logo */
	h1.logo	{
		float:left; display:inline; 
		padding:0; margin:22px 0px 13px 0px;
		}
	div.menu_wrap	{
		width:700px;
		float:right; display:inline;
		}

.top_bg {width:100%; height:100px; background-color: #fff;  position:relative; left:0; top:0; z-index:2000; box-shadow: 0px 1px 25px 0px rgba(0,0,0,0.3);}
.nav_box {width:1200px;height:100px;margin:0 auto; position:relative;}
.nav_box .logo {position:absolute; left:33px;top:22%;display:block;} /* ·Î°í½ÃÀÛÀ§Ä¡ */
.nav_box .logo img {max-width:100%;max-height:100%;}
.nav_box .main_menu {float:right;width:975px;height:90px;}
.nav_box .main_menu .navi {display:inline-block; height:130px; float: right; margin-right: 10px;}
.nav_box .main_menu .navi:after {content:".";clear:both;display:block;height:0;visibility:hidden}
.nav_box .main_menu .navi li {float:left;width:190px;padding-top:30px;text-align:center; list-style: none;}/* paddin-top¸Þ´ºÅ¸ÀÌƲ ½ÃÀÛÀ§Ä¡ */
.nav_box .main_menu .navi li:hover { }
.nav_box .main_menu .navi li a {  color:#232323; font-size:18px;line-height:40px; word-spacing:0;}
.nav_box .main_menu .navi li:hover a:LINK, .nav_box .main_menu .navi li:hover a:VISITED {color:#0172BE !important;}
.nav_box .main_menu .navi li.on { }
.nav_box .main_menu .navi li.on a {color:#0172BE;}

.top_layer {width:100%;height:246px; background:#433a2e;position:fixed;left:0;z-index:1000;opacity:0.8;} /* Ç®´Ù¿î ¸Þ´º»ö */
.top_layer .sub_menu {width:1280px; height:318px; margin:0 auto; position:relative;} /* width·Î ¼­ºê¸Þ´º left½ÃÀÛÀ§Ä¡ Á¶Á¤ */
/* .top_layer .sub_menu .img_box {width:225px; height:326px; float:left;} */
.top_layer .sub_menu .text_box { height:auto; float:right; margin-right: 10px;}
.top_layer .sub_menu .text_box > li {float:left; width:190px; list-style: none; border-right:0px solid rgba(57, 135, 208, .8);} /* 3,4,5¼­ºê¸Þ´º ¼¼·Î¼± */
.top_layer .sub_menu .text_box > li.first {width:190px; border-right:0px solid rgba(57, 135, 208, .8);border-left:0px solid rgba(57, 135, 208, .8);}
.top_layer .sub_menu .text_box > li .sub_box {float:left; width:100%; padding-top:26px; }
.top_layer .sub_menu .text_box > li .sub_box .submenu { height:292px; float:left;} /* ¼­ºê¸Þ´º ¼¼·Î¼±³ôÀÌ */
.top_layer .sub_menu .text_box > li .sub_box .submenu li {padding-left:16px;list-style:none;padding-right:16px;  color:#333; margin-bottom:10px;}
.top_layer .sub_menu .text_box > li .sub_box .submenu#sub01 li {padding-left:20px;}
.top_layer .sub_menu .text_box > li .sub_box .submenu#sub02 li {padding-left:15px;}
.top_layer .sub_menu .text_box > li .sub_box .submenu#sub03 li {padding-left:20px;}
.top_layer .sub_menu .text_box > li .sub_box .submenu#sub04 li {padding-left:30px;}
.top_layer .sub_menu .text_box > li .sub_box .submenu#sub05 li {padding-left:0px;}
.top_layer .sub_menu .text_box > li .sub_box.on {  }
.top_layer .sub_menu .text_box > li .sub_box .submenu li a {color:#fff; font-size: 14px; display: block; text-align:left;  font-weight: normal;}
.top_layer .sub_menu .text_box > li .sub_box.on .submenu li a {color:#fff; font-size: 14px; display: block;}
.top_layer .sub_menu .text_box > li .sub_box.on .submenu li a:hover {color:#4addfc; text-decoration: none;}
.hidden {display: none;}
	/* ¸Þ´ºº¸Á¶ */
	div.menu_aid	{		
		height:20px; margin-top:3px; color:#999;
		text-align:right; clear:both; 
		}
		.menu_aid a, .menu_aid a:link, .menu_aid a:visited 	{
			padding:0 2px 0 2px; color:#999; font-size:11px;
			}
		.menu_aid a:hover, .menu_aid a:active, .menu_aid a:focus	{
			color:#144a82;
			}
		.menu_aid img	{vertical-align: middle; margin:0 3px 0 0;}

	/* ¸Þ´º */
		h2.menu	{text-align:center; padding:0; margin:0;}	
		h2.menu ul	{padding:0; margin:0; list-style-type:none; float:right;}
		h2.menu li	{
		color: #fff;
			width:120px;  font-size: 12pt;
			display:inline; float:left;
			padding:0; margin:15px 0px 0px 0px; text-align:center;
			}
		h2.menu .selected_menu{
			color: #0699F0 !important;
		}

	/* µå·Ó¸Þ´º */
		div#menudrop_warp	{text-align:center; position: relative;}
		h3#menudrop_1, h3#menudrop_2, h3#menudrop_3, h3#menudrop_4, h3#menudrop_5, h3#menudrop_6	{	
			left:50%; top:42px;
			position:absolute;
			z-index:1;
			text-align:center;
			visibility:hidden;
			}
		h3#menudrop_1	{margin-left:-170px;}
		div.menudrop_arrow_1 	{text-align:left; padding-left:30px;}
		h3#menudrop_2	{margin-left:-60px;}
		div.menudrop_arrow_2 	{text-align:left; padding-left:62px;}
		h3#menudrop_3	{margin-left:115px;}
		div.menudrop_arrow_3 	{text-align:left; padding-left:30px;}
		h3#menudrop_4	{margin-left:85px;}
		div.menudrop_arrow_4 	{text-align:left; padding-left:30px;}
		h3#menudrop_5	{margin-left:215px;}
		div.menudrop_arrow_5 	{text-align:left; padding-left:30px;}
		h3#menudrop_6	{margin-left:350px;}
		div.menudrop_arrow_6 	{text-align:left; padding-left:30px;}

		.menudrop	{
			margin:0;
			height:31px;
			background:#444;
			}
		.menudrop ul	{
			padding:0 10px 0 10px; margin:0;
			list-style-type:none;
			}
		.menudrop li	{
			padding:0;
			margin:9px 12px 5px 12px;
			display:inline; float:left;
			}
		.menudrop li a, .menudrop li a:link, .menudrop li a:visited 	{
			color:#eee;
			}
		.menudrop li a:hover, .menudrop li a:active, .menudrop li a:focus	{
			color:#fffc00;
			}