@charset "utf-8";

/* ----------------------------------------------
 * HanbitSoft Service Development Team
 * 2018 여름이벤트 Stylesheet
 * Author - moran67@hanbitsoft.co.kr 
------------------------------------------------- */

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, select, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption{margin:0; padding:0; font-size:100%;}
img, fieldset, button{border:0;}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body, input, button, textarea, select, table, kbd{line-height:1.2; font-family:'맑은 고딕', Malgun Gothic, dotum, Helvetica, sans-serif;font-size:12px; color:#000;}
img{vertical-align:middle;}
ol, ul{list-style:none;}
a{text-decoration:none; color:#000;}
a:hover, a:focus, a:active{text-decoration:underline; color:#0000ff;}
button, label{cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}
table{border-collapse:collapse; border-spacing:0;}
caption, legend{width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; visibility:hidden;}

/* Reserved Class
-------------------------------------------------------------- */
.irPm{display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;}
.irWa{display:block; overflow:hidden; position:relative; width:100%; height:100%; z-index:-1;}
.blind{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.show{display:block;}
.hide{display:none;}
.fL{float:left;}
.fR{float:right;}
.clearFix{zoom:1;}
.clearFix:after{clear:both; display:block; content:'';}

/* Styles
-------------------------------------------------------------- */
#nav {position:absolute;top:0;left:0;z-index:2;background:url(../images/menu_bar/nav_bg.jpg) no-repeat 50% 0;width:100%;min-width:1200px;height:100px;overflow:hidden;}
#nav .nav_wrap {width:1099px;height:100%;margin:0 auto;}
#nav .nav_wrap > li {float:left;background:url(../images/menu_bar/nav_menu.png) no-repeat 50% 0;width:142px;height:100px;}
#nav .nav_wrap > li a {display:block;width:100%;height:100%;}
#nav .nav_wrap > li.nav00 {background-position:0px 0px;-webkit-transition:all 0.2s;transition:all 0.2s;}
#nav .nav_wrap > li.nav01 {background-position:-142px 0px;-webkit-transition:all 0.2s;transition:all 0.2s;}
#nav .nav_wrap > li.nav02 {background-position:-284px 0px;-webkit-transition:all 0.2s;transition:all 0.2s;}
#nav .nav_wrap > li.nav03 {background-position:-426px 0px;-webkit-transition:all 0.2s;transition:all 0.2s;}
#nav .nav_wrap > li.nav04 {width:160px;background-position:-568px 0px;-webkit-transition:all 0.2s;transition:all 0.2s;}
#nav .nav_wrap > li.nav05 {background-position:-728px 0px;-webkit-transition:all 0.2s;transition:all 0.2s;}
#nav .nav_wrap > li.nav06 {background-position:-870px 0px;-webkit-transition:all 0.2s;transition:all 0.2s;}
#nav .nav_wrap > li.nav07 {width:87px;background-position:-1012px 0px;}
#nav li.nav07 li {height:50px;}
#nav li.nav07 li.nav_gate {}
#nav li.nav07 li.nav_home {}

#nav .nav_wrap > li.nav00.on, #nav .nav_wrap > li.nav00:hover {background-position:0px -100px;}
#nav .nav_wrap > li.nav01.on, #nav .nav_wrap > li.nav01:hover {background-position:-142px -100px;}
#nav .nav_wrap > li.nav02.on, #nav .nav_wrap > li.nav02:hover {background-position:-284px -100px;}
#nav .nav_wrap > li.nav03.on, #nav .nav_wrap > li.nav03:hover {background-position:-426px -100px;}
#nav .nav_wrap > li.nav04.on, #nav .nav_wrap > li.nav04:hover {width:160px;background-position:-568px -100px;}
#nav .nav_wrap > li.nav05.on, #nav .nav_wrap > li.nav05:hover {background-position:-728px -100px;}
#nav .nav_wrap > li.nav06.on, #nav .nav_wrap > li.nav06:hover {background-position:-870px -100px;}
#nav .nav_wrap > li.nav07.on, #nav .nav_wrap > li.nav07:hover {width:87px;background-position:-1012px -100px;}