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



/*헤더*/

#header_wrap {width:1200px;height:69px;margin:0 auto}
#header {width:1200px;height:69px;margin:0 auto;position:relative;}
/*#header {width:1200px;height:69px;margin:0 auto;position:relative;}*/
.top_navi {position:absolute;right:147px;top:7px;}
.top_navi li {float:left;margin-right:7px;padding-left:7px;background:url(/images/t_divide.jpg) no-repeat 0 2px;}
.top_navi li.first {background:none}
.top_navi li a:link, #top_navi ul li a:visited {color:#202020;text-decoration:none;font-size:11px}
.top_navi li a:hover {text-decoration:underline;}
#logo {width:124px;height:49px;position:absolute;top:13px;left:0px}
#logo p {margin-left:62px}
#logo h1 {}


/*로그인*/
#log_in_wrap {width:304px; position:absolute; right:100px; top:12px}
#mypage {width:70px; position:absolute; right:340px; top:17px; }
#mypage ul li {margin-bottom:5px; list-style:disc}
#mypage ul li.nmargin {margin:0px}
#login2 {width:304px;}
#login2 ul li {float:left;margin-right:8px;}
#login2 ul li .user_id, #login2 ul li .pw {width:90px;height:25px;background:#dedede;border:0}
#login2 ul li.t3 {margin:0}
#login2 p {margin-bottom:5px;font-weight:bold; text-align:left}
#login2 p a:link, #login2 p a:visited, #login2 p a:hover {color:#0e3226}


/*메인네비게이션*/
#header .gnb {width:607px;height:39px;position:absolute;left:147px;top:30px;}
.gnb li.gnb01, .gnb li.gnb02, .gnb li.gnb03, .gnb li.gnb04, .gnb li.gnb05, .gnb li.gnb06, .gnb li.gnb07 {float:left;position:relative;}
.gnb li.gnb07 {margin-top:-15px}
.gnb li ul {position:absolute;z-index:999;display:none;font-size:15px;font-weight:bold; text-align:left}
.gnb li:hover ul {display:block}
.gnb li ul.sub01{background:url(/img_2015/main/subbg01.png) repeat-x;width:1200px;height:263px;left:-147px}
.gnb li ul.sub02{background:url(/img_2015/main/subbg02.png) no-repeat;width:1200px;height:241px;left:-239px}
.gnb li ul.sub03{background:url(/img_2015/main/subbg03.png) no-repeat;width:1200px;height:263px;left:-328px}
.gnb li ul.sub04{background:url(/img_2015/main/subbg04.png) no-repeat;width:1200px;height:325px;left:-419px}
.gnb li ul.sub05{background:url(/img_2015/main/subbg05.png) no-repeat;width:1200px;height:241px;left:-496px}
.gnb li ul.sub06{background:url(/img_2015/main/subbg06.png) no-repeat;width:1200px;height:241px;left:-585px}
.gnb li ul li {width:450px;height:23px;background:url(/images/line.jpg) repeat-x 0 top;margin-left:500px;padding-top:10px}
.gnb li ul li a:link, .gnb li ul li a:visited {color:#0e3226;text-decoration:none}
.gnb li ul li a:hover {color:#888;text-decoration:none}
.gnb li ul li.first {margin-top:18px;background:none}


/* shake animation*/

#shake {
	animation-name: shake;
	animation-duration:5s;
	animation-iteration-count:infinite;
    animation-timing-function:cubic-bezier(10,7,5,0)
}

#shake:hover {
	animation-play-state:paused;
}




@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
	
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }

  }