/* navigation
-----------------------------*/
/* gnb */
.gnb { 
	position:absolute; top:84px; left:0px; 
	width:-webkit-calc(100% - 0px); width:calc(100% - 0px);
	height:47px; margin:0px auto 0px; padding:0px; z-index:20; display:block; 
	background:; 
	border:0px solid #000; }
.gnbt {
	background:rgb(52,49,51); 
	voice-family :"\"}\""; 
	voice-family :inherit; 
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzEzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzRhNDQ0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI0MjAyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODMwMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); 
	background:-moz-linear-gradient(top,  rgba(52,49,51,1) 0%, rgba(74,68,71,1) 50%, rgba(36,32,35,1) 50%, rgba(56,48,53,1) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,49,51,1)), color-stop(50%,rgba(74,68,71,1)), color-stop(50%,rgba(36,32,35,1)), color-stop(100%,rgba(56,48,53,1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%); /* IE10+ */
	background:linear-gradient(to bottom,  rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%); /* W3C */
	border-top:1px solid rgba(79, 74, 79, 0.8); 
	border-bottom:1px solid rgba(0, 0, 0, 0.8); 
	}
.gnb li { 
	list-style:none; z-index:10000; }
.gnb li a { 
	text-decoration:none; }
.gnb li a:hover,
.gnb li ul li a:hover { 
	background:#ffffff; 
	-webkit-transition-property:color, background; 
	-webkit-transition-duration:0.5s, 0.5s; 
	-webkit-transition-timing-function:linear, ease-out; }

.gnb .depth1 { 
	display:block; height:47px; margin:0; background:; }
.gnb .depth1 > li { 
	height:47px; float:left; position:relative; text-align:center; 
	
	background:url('../images/header_gnb_li.gif') no-repeat right; 
	border:0px solid #000; }
.gnb .depth1 > li:after { 
	content:""; display:block; clear:both; }
.gnb .depth1 > li:last-child { 
	background:none; }
.gnb .depth1 > li.active { 
	}
.gnb .depth1 > li a { 
	display:block; height:47px; padding:0px 26px;
	color:#ffffff; font-weight:500; font-size:14px; line-height:47px; text-transform: uppercase; 
	font-family: 'Nanum Gothic', '나눔고딕', NanumGothic, Malgun Gothic, AppleSDGothicNeo, Apple Gothic, Arial, Sans-serif;
	/* font-weight: 400; font-style: normal; font-stretch: normal; 
	-webkit-transform:scale(1.25, 1.0);
	-moz-transform:scale(1.25, 1.0);
	-ms-transform:scale(1.25, 1.0);
	-o-transform:scale(1.25, 1.0);
	transform:scale(1.25,1.0);*/
	}
.gnb .depth1 > li a:hover {
	color:#000000; }
.gnb .depth1 li a img { 
	vertical-align:middle; }
.gnb .depth1 > li.active a { 
	color:#ffffff; font-weight:bold; }

.gnb .depth2 { 
	display:none; position:absolute; left:0; top:47px; 
	width:140px;
	box-shadow:0px 2px 3px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 2px 3px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 2px 3px 2px rgba(0, 0, 0, 0.1); 
	background:#ffffff; }
.gnb .depth2 li { 
	float:none; position:relative; width:100%; height:30px; 
	text-align:left; 
	-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; 
	background:#ffffff; border:1px solid #e6e6e6; border-top:none; }
.gnb .depth2 li:first-child { 
	border-top:1px solid #e6e6e6; }
.gnb .depth2 li a { 
	display:block; padding-left:14px; height:30px; line-height:30px; 
	color:#585858; font-weight:300; font-size:12px; 
	font-family: 'Nanum Gothic', '나눔고딕', NanumGothic, Malgun Gothic, AppleSDGothicNeo, Apple Gothic, Arial, Sans-serif; }
.gnb .depth2 > li:hover > a { 
	color:#585858; font-weight:300; }
.gnb .depth2 .arrow-right { 
	display:block; position:absolute; top:0; right:15px; }

.gnb .depth3 { 
	display:none; position:absolute; left:119px; top:-1px; 
	background:#ffffff; }
.gnb .depth3 li a { 
	color:#585858; 
	box-shadow:0px 2px 3px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 2px 3px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 2px 3px 2px rgba(0, 0, 0, 0.1); }
.gnb .depth3 > li:hover > a { 
	color:#fff; font-weight:bold; }

.gnb .depth1 > li:hover > a .arrow-up { 
	position:absolute; left:54px; bottom:-1px; width:0px; height:0px; z-index:12000; 
	border-left:5px solid rgba(0, 0, 0, 0); 	border-right:5px solid rgba(0, 0, 0, 0); 	border-bottom:5px solid #fff; }
.gnb .depth1 > li:hover > a .arrow-up-back { 
	position:absolute; left:52px; bottom:-1px; width:0; height:0; 
	border-left:7px solid rgba(0, 0, 0, 0); border-right:7px solid rgba(0, 0, 0, 0); border-bottom:7px solid #e6e6e6; }

/* gnb2 */
.gnb2_btn { 
	margin:0px 0px 0px 0px; z-index:99992;
	text-align:center; cursor:pointer; clear:both; 
	background-color: ; }
.gnb2_btn:hover,
.gnb2_btn.active { 
	background-color: ; }
.gnb2_btn i { 
	color:#fff; font-size:18px; margin-top:7px; }

.gnb2_wrap { 
	display:none; margin:0px; padding:0px; z-index:99991;  
	font-size:12px; 
	background:#000000; vertical-align:top; border:0px solid #00f; 
	width:100%; min-height:180px; 
	width:90%; min-height:100%; 
	position:absolute; top:0px; left:0px; 
	/* 
	*/ }
/*.gnb2_wrap:after { 
	content:""; display:block; clear:both; }*/

.gnb2 { 
	overflow:hidden; width:990px; margin:0 auto; padding:10px 0 10px 0; }
.gnb2 ul { text-decoration:none; list-style:none; padding:0px; margin:2px 0px 0px 10px; border:0px solid #00f; }
.gnb2 ul li { width:150px; margin:7px 10px; border:0px solid #00f; }
.gnb2 ul li a { color:#FFFFFF; font-size:26px; font-weight:bold; }
.gnb2 ul li li { float:left; margin:4px 0px 5px 0px; }
.gnb2 ul li li:first-child { margin-top:10px; }
.gnb2 ul li li li:first-child { margin:4px 0px 5px 0px; }
.gnb2 ul li li a { color:#C6B8CB; font-size:13px; font-weight:normal; }
.gnb2 ul li li li { margin:4px 0px 5px 7px; }

.gnb2 .selected1 { color:#F8DA8B; }
.gnb2 .selected2 { color:#FFFFFF; }
.gnb2 .selected3 { color:#FAB35A; text-decoration:underline; }
.gnb2 ul li:hover .strong { color:#E372ED; }
.gnb2 ul li li a:hover { color:#FFFFFF; }

.gnb2 ul li a:before { }
.gnb2 ul li li a:before { }
.gnb2 ul li li li a:before { }

/* side 
-----------------------------*/
.lnb { 
	position:relative; width:100%; padding:5px; 
	/*border-top:1px solid rgba(151, 208, 251, .5); border-bottom:1px solid rgba(151, 208, 251, .5); 
	border-right:1px solid rgba(151, 208, 251, .5); background-color:rgba(151, 208, 251, .6); */
	background-color:#97D0FB; }
.lnb:after {  
	content:""; display:block; clear:both}
.sidemenu-title { 
	display:block; clear:both; width:100%; margin:0px 0px 0px; padding:0px 0px; text-align:center; 
	border-bottom:1px solid rgba(255, 255, 255, .8); background-color:#162C50; background-color:rgba(40, 81, 147, .6); }
.sidemenu-title h2 {
	display:block; clear:both; width:100%; margin-top:0px; padding:12px 0 12px 0; 
	color:#fff; font-size:18px; line-height:18px; font-weight:600; }
.lnb { 
	list-style:none; }
.lnb li { 
	display:block; cursor:pointer; width:100%; padding:10px 0 10px 0; 
	font-size:13px; font-weight:300; 
	border-bottom:1px solid rgba(255, 255, 255, .8); background-color:#ffffff; background-color:rgba(255, 255, 255, .3); }
.lnb li a { 
	margin-left:20px; width:100%; }
.lnb li:hover { 
	background-color:#162C50; background-color:rgba(40, 81, 147, .5); }
.lnb li:hover > a { 
	color:#ffffff; }
.lnb li.active { 
	background-color:#ffffff; background-color:rgba(255, 255, 255, .6); }
.lnb li.active:hover { 
	background-color:#162C50; background-color:rgba(40, 81, 147, .5); }

/* footer 
-----------------------------*/
.fnb { 
	list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; zoom:1; }
.fnb li { 
	float:right; list-style:none; margin:0px 0px 0px 0px; padding:0px 15px 0px 15px; position:relative; white-space:nowrap; height:12px; 
	text-align:center; 
	background:url(../images/footer_fnb_li.gif) no-repeat left center; }
.fnb li.first { 
	}
.fnb li:first-child { 
	}
.fnb li a { 
	position:relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:12px; line-height:12px; 
	color:#eeeeee; font-size:12px; display:block; text-decoration:none !important; letter-spacing:0px; }
.fnb li a:hover,
.fnb li a:active,
.fnb li a:focus { 
	color:#eeeeee; }

/* FNB2
-----------------------------*/
.fnb2 {
	position:relative; overflow:hidden; margin:0px; padding:0px 0px; }
.fnb2 li {
	margin-bottom:10px; padding-left:10px; background:url('../images/marker_5.gif') no-repeat left 5px; 
	font-size:12px; line-height:16px; height:16px; }
.fnb2 li a {
	color:#2B2929; display:inline-block; background:none; padding:0px 0px 0px 0px;}
.fnb2 li:hover {
	/*background-position:-436px 2px;*/ }
.fnb2 li:hover a{
	color:#4285F4; }
.fnb2 li span {
	color:#2B2929; width:70px; display: inline-block; margin:0px; padding:0px; }

.fnb2 li.name, 
.fnb2 li.fax, 
.fnb2 li.email, 
.fnb2 li.address, 
.fnb2 li.phone {
	color:#2B2929; background:none; padding-left:0px; margin-bottom:8px; }
.fnb2 li.name {
	color:#2B2929; font-weight:bold; }
.fnb2 li.phone {
	color:#4285F4; font-size:20px; line-height:24px; font-style:italic; padding-top:3px; }
	
.fnb3 {
	position:absolute; top:5px; left:35px; white-space:nowrap; margin-bottom:0px; }
.fnb3 ul {
	list-style:none; margin:0; padding:0; zoom:1; }
.fnb3 ul:after {
	content:""; display:block; clear:both; }
.fnb3 li {
	float:left; list-style:none; background:none; padding-left:0px; white-space:nowrap; margin-right:30px; }
.fnb3 li.first {
	padding:0; background:none; }
.fnb3 li:last-child  {
	margin-right:0px; border:0px solid #fff; }
.fnb3 li a {
	padding:5px 0px 0px 0px; height:20px; 
	color:#000000; white-space:nowrap; text-decoration:none; font-weight:600; }
.fnb3 li a:hover,
.fnb3 li a:active,
.fnb3 li a:focus {
	color:#000000; }
.fnb3 li.active a {
	color:#000000; font-weight:bold; background:none; }

.fnb3 ul ul {
	display:block; position:absolute; left:0px; top:25px; padding:5px 0; background:none; border:0px solid #444; border-top:0; 
	width:180px; }
.fnb3 li li {
	float:none; background:none; padding:0; left:0; }
.fnb3 li li a {
	float:none; display:block; padding:5px 0px 0px 0px !important; background:none !important; height:auto; font-weight:normal !important; }
.fnb3 li li:last-child  {
	border:0px solid #fff; }
.fnb3 li li.active a {
	font-weight:300 !important; }


/* GNB3
-----------------------------*/
.gnb3 { 
	height:20px; white-space:nowrap; margin:-5px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:25; 
	list-style:none; border:0px solid #000; text-align:left; }
.gnb3 li { 
	float:left; list-style:none; padding-left:7px; position:relative; white-space:nowrap; text-align:center; 
	height:12px; line-height:12px; margin-left:0px; }
.gnb3 li.first { 
	padding:0px; background:none; }
.gnb3 li:first-child { 
	}
.gnb3 li a { 
	position:relative; 
	color:#111111; font-size:12px; display:block; text-decoration:none !important; letter-spacing:0px; }
.gnb3 li a:hover,
.gnb3 li a:active,
.gnb3 li a:focus { 
	color:#111111; }