@charset "utf-8";
@import "fonts.css";
@import "common.css";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {
	font-family: 'Nanum Gothic', dotum, gulim, sans-serif;
}
#wrap{
	width:1200px;
	margin:auto;	 
			  }
#header{
	width:1200px;
	height:120px;
	position:relative;
	background:url('../img/header_bg01.png') no-repeat;
      }

#layer_pop{
	position:absolute;
	margin:0 50%;
	left:-845px;
	top:80px;
	z-index:5000;
	}

h1{
	font-size:22px;
	height:30px;
	width:180px;
	position:absolute;
	left:0;
	top:41px;
	font-weight:bold;
	font-family:'Nanum Gothic';	
	}
h1 a{
	color:#147ff6;
	}

#gnb{
	width:200px;
	height:25px;
	position:absolute;
	top:2px;
	right:55px;

	}
#lnb{
	width:950px;
	height:68px;
	position:absolute;
	top:47px;
	left:200px;
	}


#lnb li{
	float:left;
	}


.group{
	width:152px;
	height:39px;
	padding-bottom:8px;
	padding-top:2px;
	}
.title{
	font-size:15px;
	font-family:'Nanum Gothic';
	color:#353a44;
	text-align:center;
	cursor:pointer;
	}
.title a{
	color:#013b7c;
	font-weight:bold;
	}
.title a:hover{
	color:#4b81bb;
	font-weight:bold;
	}
#lineBar{
	width:100%;
	height:28px;
	position:absolute;
	top:87px;
	background-color:#708ca1;
	}

#lnb li ul{
	position:absolute;
	display:none;
	left:0px;
	height:17px;
	padding-left:5px;
	text-align:center;
	padding-top:10px;
	z-index:40;
	top:47px;
	}
#lnb li ul li{
	margin-left:25px;
	font-weight:bold;
	}
#lnb li ul li a {
	color:#333;
	}

#lnb .sub1{
	width:580px;
	left:20px;
	}
#lnb .sub2{
    width:680px;
	left:170px;

	}
#lnb .sub3{
    width:580px;
	left:320px;
	}
#lnb .sub4{
    width:380px;
	left:475px;
	}
#lnb .sub5{
    width:380px;
	left:630px;
	}

#lnb .sub6{
    width:380px;
	left:700px;
	}


#visual {
            position:absolute;
            width:1200px;
			height:633px;
			position:relative;
			  }
#container #contents ul {
				height:130px;
				position:absolute;
				top:645px;
                margin-left:120px;
				 }
#contents ul li {
                float:left;
                 margin-left:25px;
				 }				 
#footer{
              clear:both;
			  background-image:url(../img/footerBg.png);
			  width:1200px;
			  height:94px;
			  margin-top:30px;
			  font-size:11px;
			  }	
#footer .footerLogo {
	float:left;
	margin-left:50px;
	margin-top:30px;
	}
#footer .footerLine {
	float:left;
	margin-left:50px;
	margin-top:30px;
	}
#footer .priv{
	float:left;
	margin-left:20px;
	}
#footer .priv li{
	float:left;
	margin-left:15px;
	margin-top:30px;
	}
#footer .adr {
	float:left;
	margin-left:40px;
	margin-top:30px;
	width:570px;
	}
#footer .adr li {
	float:left;
	}
#footer .qrBox{
	float:right;
	margin-top:23px;
	}