@charset "utf-8";

@import url("/core/fonts/webfonts/font001.css"); 


html{overflow-y:scroll; margin: 0; padding: 0; height:100%;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
form, ul, li, dl, dt, dd, p { margin:0; padding:0;}
th { text-align: center;}
fieldset, legend { border: none; margin:0; padding:0;}
#accessibility, legend, caption { display: none;}

body{ margin: 0; padding: 0; height:100%; font-size: 12px; color: #666; line-height:160%; }
img { margin: 0px; padding: 0px; border: 0px none;}
select { margin: 0; padding: 0;}
input { margin: 0; padding: 0;}
ul li { margin:0px; padding:0px; list-style:none; vertical-align: middle;}

/* li 왼쪽정렬 */
.ul li{ margin:0px; padding:0px; list-style:none; vertical-align: middle; float:left;} 
/* li 오른쪽 정렬 */
.ur li{ margin:0px; padding:0px; list-style:none; vertical-align: middle; float:right;} 

/* 이미지 강제 왼쪽 정렬 */
.float { float: left;}

/* 이미지 강제 왼쪽 정렬해제 및 중앙정렬 */
.floatnone { float: none; vertical-align: middle; margin-bottom: 2px;}



*{margin:0; padding:0;}

.Window {width:100%; float:left; font-family:Nanum Gothic; .font-size:16px; .letter-spacing:-0.25px;}
.fixWindow { width:100%; float:left;}

.Top { width:100%; height:156px; position:absolute; background:url(../images/_main/top_bg.png) 0 54px repeat-x; z-index:1;}
	.Top .header { width:1000px; height:150px; position:relative; margin:0 auto;}
	.Top .header .logo { position:relative; float:left; width:180px; height:90px; margin-top:60px;}
	.Top .header .t_Menu { position:relative; float:left; width:770px; height:90px; margin:60px 0 0 50px;}
	.Top .header .gnb { position:absolute; top:21px; right:5px; width:500px; height:17px; text-align:right;}
	.Top .header .gnb a {padding-left:15px;}

/* TOPMENU */
#topMenu { height: 40px; margin:25px 0px 0 0; font-family:Nanum Gothic !important;}
#topMenu *  { margin: 0px;  padding: 0px; list-style-type: none;  text-decoration: none;}
div#topMenu {position:relative;}
#topMenu ul.topMenu { white-space: nowrap; text-align:right;}
#topMenu ul.topMenu li {  display: inline-block;  width: auto;  height: auto; padding:auto;  position: relative; }
#topMenu ul.topMenu li div {  position: absolute;  top:42px;  left: -10px; z-index:99; text-align:left;  }
#topMenu ul.topMenu li div div {  position: absolute;  top: -6px;  left: 168px; }
#topMenu ul.topMenu li div ul li {  display: block;  float: none;  width: auto;  height: auto; }
#topMenu ul.topMenu li a {  padding:0 0 0 15px;  display: inline-block; margin: 8px 10px; font-size:18px; height:30px; color: #404040; font-family:Nanum Gothic !important;}
#topMenu ul.topMenu li a span { padding-right: 15px; width: auto;  height: auto;  display: inline-block; height: 27px; line-height: 20px; cursor: pointer; text-align:center; z-index:10; }
#topMenu ul.topMenu li:hover a {  background-position: left -54px; color: #111111;}
#topMenu ul.topMenu li:hover a span {  background-position: right -81px; }
#topMenu ul.topMenu li.active a {  background-position: left 0px; }
#topMenu ul.topMenu li.active a span {color: #111111;  background-position: right -27px;}

#topMenu ul.topMenu li div ul li span {  display: block;  padding: 0px;  margin: 0px;  background: none; z-index:10; }
#topMenu ul.topMenu li div ul li span a {  display: block;  padding: 0px;  background: none;  height: auto;  width: 130px;  line-height: 18px; white-space: normal; font-size:13px;  }

#topMenu ul.topMenu li div {   padding-top: 6px; background-repeat: no-repeat;  background-position: 0px top; background:#404040;}
#topMenu ul.topMenu li div ul {   padding-top: 4px;  background-repeat: no-repeat;  background-position: 0px bottom; background:#fff;}

#topMenu ul.topMenu ul li:hover{}
#topMenu ul.topMenu li.active ul li a span { color: #5E5E5E; width: 150px; font-family:Nanum Gothic !important;}
#topMenu ul.topMenu li.active ul li a span:hover {color:#404040; font-family:Nanum Gothic !important;}
#topMenu ul.topMenu ul li a span:hover{color:#404040; font-weight:bold; font-size:12px; font-family:Nanum Gothic !important;}
#topMenu span{}
#topMenu li:hover>a>span {color: #111111; }
#topMenu ul.topMenu li a span{}
#topMenu ul.topMenu li div ul li a span{ color:#ccc;   font-size: 12px;  font-weight: bold;}
#topMenu ul.topMenu li div ul{  padding-bottom: 8px;}
#topMenu ul.topMenu li div ul li:first-child{ border-top-width: 0px;}
#topMenu li>div { visibility: hidden; }
#topMenu li:hover>div { visibility: visible; }
/* */
#topMenu ul.topMenu ul li:hover{  width:150px;}
#topMenu ul.topMenu li div ul li{ }
#topMenu ul.topMenu ul a.parent {}
/* ie7 */
#topMenu ul.topMenu li {  *zoom: 1;  *display: inline;}
#topMenu ul.topMenu li a {  *zoom: 1;  *display: inline;}
#topMenu ul.topMenu li a span {  *zoom: 1;  *display: inline;}
/* IE6 */
#topMenu ul.topMenu li a { _background-image: url(../images/_main/item.gif);}
#topMenu ul.topMenu li a span { _background-image: url(../images/_main/item.gif);}
#topMenu ul.topMenu li div {  _background-image: url(../images/_main/subtopMenu-top.gif);}
#topMenu ul.topMenu li div ul {   _background-image: url(../images/_main/subtopMenu-bottom.gif)}
#topMenu ul.topMenu li a:hover { _background-position: left -54px;}
#topMenu ul.topMenu li a:hover span {  _background-position: right -81px; _color: #555555;}
#topMenu ul.topMenu li li a:hover span { _color:#555555; }
/* topMenu logic for IE6 */
#topMenu div { _display: none; }
#topMenu div li:hover div { _visibility: visible;_display: block; }
#topMenu div li:hover li:hover div { _display: block; }
#topMenu div li:hover li:hover li:hover div { _display: block; }

.subImg { width:100%; height:430px; float:left; position:relative; text-align:center; }

.subBody { width:100%; float:left; position:relative; margin-top:-70px;}
	.subBody .inBody { width:1000px; position:relative; margin:0 auto;}
	.subBody .inBody .naviWrap { float:left; position:relative; width:1000px; height:70px; background:url(../images/_sub/navi_bar.jpg) no-repeat; margin-bottom:10px;}
	.subBody .inBody .naviWrap .navi { width:600px; color:#dde4e3; font-size:15px; margin:25px 0 0 30px;}
	.subBody .inBody .naviWrap .con_tit { width:340px; text-align:right; margin:22px 30px 0 0;}

	.subBody .inBody .Left { width:225px; position:relative; float:left;}
	.subBody .inBody .Left .l_tit{ width:225px; height:95px; position:relative; float:left; background:#9e85e4; text-align:center;}
	.subBody .inBody .Left #leftMenu { width:225px; position:relative; float:left; margin-top:1px;}

	.subBody .inBody .Right { width:730px; position:relative; float:left; margin:10px 0 30px 45px;}
	.subBody .inBody .contents { width:700px; min-height:320px; position:relative; float:left; margin:0 30px 0 0;}



.Bottom { width:100%; height:150px; float:left; background:#110b19;}
	.Bottom .footer { width:1000px; height:150px; position:relative; margin:0 auto;}
	.Bottom .footer .Pers{ float:right; position:relative; margin-top:40px; font-size:15px; color:#7f7b88; }
	.Bottom .footer .Pers a { text-decoration:none; font-size:15px; color:#7f7b88;}
	.Bottom .footer .copyright { float:right; position:relative; color:#c5c2cf; font-size:15px; text-align:right; margin-top:15px; min-width:830px;}
	.Bottom .footer .copyright p {height:24px;}
	.Bottom .footer .copyright a { text-decoration:none; color:#c5c2cf; font-weight:600;}
	.Bottom .footer .app{ float:right; position:relative; width:148px; height:92px; margin:29px 0 29px 20px;}


/*공용*/
.pt_14 { font-size:14px; }
.pt_13 { font-size:13px; }