@charset "utf-8";
/* CSS Document */


@import "http://fonts.googleapis.com/earlyaccess/nanumgothic.css";
@import "http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css";
@import "http://fonts.googleapis.com/css?family=Open+Sans:400,600,700";
/* All - all device */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, border, th, td {
	margin: 0;
	padding: 0; 
}
/*block 되어야 하는 요소들 */
header, footer, nav, section, article, aside, menu, figure, figcaption, body, div, footer {
	display: block;
	padding: 0;
	margin: 0;
}
ul li, ol li {
	list-style: none;
}
html, body {
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
	position:relative;
}

body, table, input, textarea, button, select {
	font-family: '나눔고딕','Nanum Gothic',Nanum Gothic,"돋움",Dotum,"굴림",Gulim, nanumgothicweb, Open Sans,Verdana,AppleGothic,sans-serif;
	font-size: 13px;
	color: #222;
}

body{

	background:#252f3c;
}
/*
html:after, body:after {
	content: "";
	display: block;
	clear: both;
}
*/
.skip, .boardSkip {
	left: -4000px !important;
	top: -4000px !important;
	visibility: hidden;
	width: 0;
	height: 0;
}
.hidden{
	display:none;
}
caption {
	display: none;
}
fieldset, img {
	border: 0;
}
form{
	border: 0;

}

/* a */

a {
	font-size: normal;
	color: #666666;
	text-decoration: none;
}
a:hover {
	font-size: normal;
	color: #666666;
}
a:active {
	font-size: normal;
	color: #000000;
}
a:focus {
	font-size: normal;
	color: #666666;
}

/* common */
#headerWrap{
	width:100%;
	height:100px;
	position:fixed;
	z-index:100;background:#fafafa;
}
#header {
	width:1000px;
	margin:0 auto;
	position:relative;
}

/* top menu */
#header h1 {
	width: 200px;
	height:50px;
	font-size:0;
	float:left;
	z-index:100;
	position:relative;
	top:30px;
}


#topmenu_box {
    border-bottom: 1px solid #d8d8d8;
    display: block;
    height: 60px;
    overflow: hidden;
    position: absolute;
    top: 39px;
    width: 100%;
    z-index: 50;
    background:#fff url(../img/common/topmenu_bg.gif) repeat-x;
}
#topmenu {
    height: 350px;
    padding: 0 0 0 330px;
    position: relative;
    width: 670px;
    z-index: 50;
	left:0;
	margin:0 auto;
}
#gnb {
    position: absolute;
    top: 13px;
    right:0px;
}
#gnb>li {
    float: left;
	height: 19px;
}
#gnb li a {
   text-decoration:none;
}

#gnb>li>a {
	height: 19px;
	margin: 0 25px;
}
#gnb>li.m1>a {
	display: inline-block;
    background:  url(../../img/common/gnb_m1.gif) no-repeat;
    width:118px;
}
#gnb>li.m2>a {
	display: inline-block;
    background:  url(../../img/common/gnb_m2.gif) no-repeat;
    width:114px;
}
#gnb>li.m3>a {
	display: inline-block;
    background:  url(../../img/common/gnb_m3.gif) no-repeat;
    width:100px;
}
#gnb>li.m4>a {
	display: inline-block;
    background:  url(../../img/common/gnb_m4.gif) no-repeat;
    width:82px;
}
#gnb>li.m5>a {
	display: inline-block;
    background:  url(../../img/common/gnb_m5.gif) no-repeat;
    width:62px;
}

#gnb>li a:hover{
	background-position: 0 -19px;
}
/* 2depth */

#gnb li ul {
    display: block;
    list-style: none outside none;
    margin: 0;
    position: absolute;
    padding: 20px 0 30px 0;
    margin: 20px 0 0 0;
}
#gnb li ul li{
    font-size:11px;
    line-height:25px;
    background: url(../../img/common/header_dot.gif) no-repeat left 9px;
    padding:0 0 0 10px;
}
#gnb>li.m1>ul{
     background: url(../../img/common/gnb_m21.gif) no-repeat left top;
     position:absolute;
     left:25px;
}
#gnb>li.m2>ul{
     background: url(../../img/common/gnb_m22.gif) no-repeat 15px top;
     position:absolute;
     left:190px;
}
#gnb>li.m3>ul{
     background: url(../../img/common/gnb_m23.gif) no-repeat 15px top;
     position:absolute;
     left:360px;
}
#gnb>li.m4>ul{
     background: url(../../img/common/gnb_m24.gif) no-repeat 18px top;
     position:absolute;
     left:510px;
}
#gnb>li.m5>ul{
     background: url(../../img/common/gnb_m25.gif) no-repeat 5px top;
     position:absolute;
     right:0px;
}
#gnb>li.m6>ul{
     background: url(../../img/common/gnb_m26.gif) no-repeat 5px top;
     position:absolute;
     right:0;
}
/*gnb icon*/
#gnb a.link, #gnb a.link:hover
{
    background:url(../img/common/icon_blank.gif) no-repeat right center;
    padding-right:15px;
}
#gnb a.mail, #gnb a.mail:hover
{
    background:url(../img/common/icon_mail.gif) no-repeat right center;
    padding-right:15px;
}
/*lnb*/
#header .lnb {
	padding: 10px 0 8px 25px;
	margin: 0 0 0px 0;
	position:absolute;
	right:0;
}
.lnb ul li
{
    float:left;
    margin: 0 0 0 2px;
}
/* footer */

footer{
	width:100%;
	padding: 20px 0 40px 0;
	position:relative;
	z-index:30;
	background:#252f3c;
	height: 120px;
	color:#fff;
}

footer .footer_area
{
    width:1000px;
    margin: 0 auto;
}
footer .social
{
    float:left;
    padding: 0 100px 0 0;
}
footer .social li
{
    float:left;
    padding: 0 2px 0 0 ;
    
}

footer .info
{
    float:left;
    padding: 10px 0 0 0;
    text-align:left;
}
footer .info .copyright
{
    background:url(../img/common/copyright.gif) no-repeat left center;
}
footer .info li
{
    padding: 0 0 5px 0;
    font-size:12px;
}
footer .info a
{
    color:#fff;
}
footer .info a.mail
{
    background:url(../img/common/mail.gif) no-repeat left center;
    padding: 0 0 0 25px;
    
}
footer .kcp
{
    background:url(../img/common/kcp.png) no-repeat left 5px;
    font-size:11px;
    padding: 0 0 0 45px;
    margin: 10px 0 0 0;
    
}
dl.es 
{
    width:800px;
}
dl.es dt
{
    font-weight:bold;
    line-height:25px;
    text-align:left;
    color:#fff;
    font-size:11px;
}
dl.es dd
{
    font-weight:normal;
    line-height:25px;
    text-align:left;
    color:#fff;
    font-size:11px;
    width:100%;
}
dl.es dd img
{
    vertical-align:middle;
}
/* menu */
 .js-global-header-scrolling {
	top: -2.5em; /* Height of the header */
	animation:mymove 1s linear;
}
@keyframes mymove
{
50% {top:-4em;}
}

/*Safari and Chrome:*/
@-webkit-keyframes mymove
{
50% {top:-4em;}
}
#n2s_log_div
{
    height:0;
}