@charset "utf-8";

	/*layout*/
#header-wrap{position: relative;  width:100%; background:url('/img/common/bg_header.png') repeat-x top left;  /*margin:0 auto; _width:expression(document.body.clientWidth < 1021 ? '1020px' : '100%');*/}
	#header-wrap .header{width:100%;}
		#header-wrap .header .lnk-navi >div{width:980px; padding:0 10px; margin:0 auto;*zoom:1;}
		#header-wrap .header .lnk-navi >div:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
			.lnk-navi >div ul.link{float:left; margin:15px 9px 0 0; font-family:Tahoma, 돋움, Dotum; font-weight:bold; font-size:11px;} /* 2012-11-02 margin값 수정 */
				.lnk-navi >div ul.link li{float:left; padding:0 12px; background:url('/img/ico/bar_gray.gif') no-repeat center right;}
				.lnk-navi >div ul.link li:first-child{padding-left:0;}
					.lnk-navi >div ul.link li a{color:#aaa;}
					.lnk-navi >div ul.link li.bgnone a{color:#dde0e1;}
			.lnk-navi >div .global{float:left; width:466px; height:32px; margin:7px 5px 0 0; overflow:hidden; background:url('/img/common/bg_global.gif') no-repeat; }
				.lnk-navi >div .global ul{font-family:돋움, Dotum; font-weight:bold; font-size:11px; color:#abc8f0; float:left; width:289px; margin:11px 0 0 15px;} /* 2012-11-02 수정 */
				:lnk-navi >div .global ul{margin-top:9px; 0\0/IE9;} /* 2012-11-28 수정 for ie 9 */
				.lnk-navi >div .global ul li{float:left; padding:0 8px; line-height:1; background:url('/img/ico/bar_blue.gif') no-repeat center right; color:#abc8f0;}
				:root .lnk-navi >div .global ul li{padding-top:1px; background:url('/img/ico/bar_blue.gif') no-repeat top right; 0\0/IE9;} /* 2012-11-28 수정 for ie 9 */
				.lnk-navi >div .global ul li:first-child{padding-left:0;}
				.lnk-navi >div .global ul li a{color:#ffffff;}
				.lnk-navi >div .global p{float:left;}

			.lnk-navi >div .lang{ position:relative; float:left; padding-left:32px; width:60px; height:20px; margin:13px 6px 0 0; font-family:Tahoma, 돋움, Dotum; font-weight:bold; font-size:11px; } /* 2013-03-21 수정 */
				.lnk-navi >div .lang dt{float:left;}
					.lnk-navi >div .lang dt a{display:block; width:83px; height:18px; padding:2px 0 0 8px; }
					.lnk-navi >div .lang dt img{margin:-2px 0 0 6px;}
				.lnk-navi >div .lang dd{position:absolute; left:0; top:21px; z-index:10;}
			.lnk-navi >div .contact{float:right; background:url('/img/common/bg_contact.gif') no-repeat top left; width:117px; height:20px; margin-top:13px; font-family:Tahoma, 돋움, Dotum; font-weight:bold; font-size:11px;} /* 2013-03-21 수정 */
				.lnk-navi >div .contact dt{float:left;}
				.lnk-navi >div .contact dt a{display:block; width:109px; height:18px; padding:2px 0 0 8px;}
				.lnk-navi >div .contact dt img{margin:-2px 0 0 4px;}
			#header-wrap .gnb-wrap { border-bottom:1px solid #bbbec3; }
			#header-wrap .gnb-wrap>div>div{height:62px; width:980px; margin:0px auto 0; padding:0px 10px 0; *zoom:1;}
			#header-wrap .gnb-wrap>div>div:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
				.gnb-wrap>div>div .logo{float:left; /* font-size:0; */ line-height:0;}
				.gnb-wrap>div>div #gnb{float:left; margin:0px 0px 0 60px;*zoom:1;}
				.gnb-wrap>div>div #gnb:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
					.gnb-wrap>div>div #gnb>li{float:left; position:relative; z-index: 2; padding-top:9px;}
					
					a.menu1{color:#000000;  font-size:16px; font-weight:bold; padding: 0px 18px 0px 10px;  text-decoration: none;}
					a.menu2{color:#000000;  font-size:16px; font-weight:bold; padding: 0px 18px 0px 10px;  text-decoration: none;}
					a.menu3{color:#000000;  font-size:16px; font-weight:bold; padding: 0px 18px 0px 10px;  text-decoration: none;}
					a.menu4{color:#000000;  font-size:16px; font-weight:bold; padding: 0px 18px 0px 10px;  text-decoration: none;}
					a.menu5{color:#000000;  font-size:16px; font-weight:bold; padding: 0px 18px 0px 10px;  text-decoration: none;}
					a.menu6{color:#000000;  font-size:16px; font-weight:bold; padding: 0px 18px 0px 10px;  text-decoration: none;}
					a.menu1 font{ margin-left:-25px;}
					a.menu2 font{ margin-left:-25px;}
					a.menu3 font{ margin-left:-25px;}
					a.menu4 font{ margin-left:-25px;}
					a.menu5 font{ margin-left:-25px;}
					a.menu6 font{}
					
					#gnb>li>ul{position:absolute;left:2px;top:69px;z-index:2;display:none;height: 170px;}
					#gnb>li>ul li{margin-bottom: 5px;}
					#gnb>li>ul li a {color:#fff;}
					#gnb>li>ul li a:hover {color:#fff;}
					#gnb>li>ul.sub01 {padding-left:13px; text-align:left;}
					#gnb>li>ul.sub02 {padding-left:13px; text-align:left;}
					#gnb>li>ul.sub03 {padding-left:13px; text-align:left;}
					#gnb>li>ul.sub04 {padding-left:13px; text-align:left;}
					#gnb>li>ul.sub05 {padding-left:13px; text-align:left;}
					#gnb>li>ul.sub06 {padding-left:13px; text-align:left;}
					


/* 서브메뉴 */
.sub-wrap { width:100% !important;line-height:1em; background:#1d1d1d; position:relative; z-index:1;  display:none; border-bottom:1px solid #242424 }
.sub-wrap > div { width:980px; margin:0 auto; background:url('/img/bg_submenu.gif') repeat-y; *zoom:1; height:195px;overflow:hidden;position:relative;z-index:2;}
.sub-wrap > div:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.sub-wrap .sub-aside { float:left; width:311px;  padding-top:0px;}
.sub-wrap .sub-aside dt { font-weight:bold; font-size:16px; color:#e8ebef; margin-bottom:14px; }
.sub-wrap .sub-aside dd ul{ *zoom:1; }
.sub-wrap .sub-aside dd ul:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.sub-wrap .sub-aside dl.social{ *zoom:1; margin-top:30px; }
.sub-wrap .sub-aside dl.social:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.sub-wrap .sub-aside dl.social a{float:left; margin-right:26px; font-size:0;  line-height:0;}


.sub-wrap .bg-right {position:absolute; left:50%;width:50%; background:#268bc2; top:0; z-index:1}
.btn-subClose { position:relative; left:50%; margin-left:-27px; font-size:0; line-height:0; z-index:2; width:54px; display:none;*top:-1px;}