/* gnb 메뉴 롤오버 설정 */
/* menu1 */

.menu {list-style:none; height:30px; position:relative; float:left; z-index:999;}
.menu li.top {display:block; float:left; position:relative;}

.menu li a.top_link {display:block; float:left; height:40px; cursor:pointer;}
.menu li a.top_link span.down {width:300px; height:40px; float:left; display:block;}
/*.menu li a.top_link:hover {background:url(/images/head/m01_on.gif) no-repeat;}
.menu li:hover > a.top_link {background:url(/images/head/m01_on.gif) no-repeat;}*/

.menu li a.top_link2 {display:block; float:left; height:40px; cursor:pointer;}
.menu li a.top_link2 span.down {width:245px; height:40px; float:left; display:block;}
/*.menu li a.top_link2:hover {background:url(/images/head/m02_on.gif) no-repeat;}
.menu li:hover > a.top_link2 {background:url(/images/head/m02_on.gif) no-repeat;}*/

.menu li a.top_link3 {display:block; float:left; height:40px; cursor:pointer;}
.menu li a.top_link3 span.down {width:245px; height:40px; float:left; display:block;}
/*.menu li a.top_link3:hover {background:url(/images/head/m03_on.gif) no-repeat;}
.menu li:hover > a.top_link3 {background:url(/images/head/m03_on.gif) no-repeat;}*/

.menu li a.top_link4 {display:block; float:left; height:40px; cursor:pointer;}
.menu li a.top_link4 span.down {width:170px; height:40px; float:left; display:block;}
/*.menu li a.top_link4:hover {background:url(/images/head/m04_on.gif) no-repeat;}
.menu li:hover > a.top_link4 {background:url(/images/head/m04_on.gif) no-repeat;}*/


.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}


/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.s011 {left:20px; top:40px; width:74px; height:auto; }
.menu :hover ul.s011 li {display:block; width:74px; height:30px; background:url(../images/head/011_off.gif); }
.menu :hover ul.s011 li a {display:block; width:74px; height:30px; }
.menu :hover ul.s011 li a:hover { background:url(../images/head/011_on.gif); }

.menu :hover ul.s012 {left:94px; top:40px; width:118px; height:auto;}
.menu :hover ul.s012 li {display:block; width:118px; height:30px; background:url(../images/head/012_off.gif); }
.menu :hover ul.s012 li a {display:block; width:118px; height:30px;}
.menu :hover ul.s012 li a:hover { background:url(../images/head/012_on.gif);}

.menu :hover ul.s013 {left:212px; top:40px; width:82px; height:auto;}
.menu :hover ul.s013 li {display:block; width:82px; height:30px; background:url(../images/head/013_off.gif); }
.menu :hover ul.s013 li a {display:block; width:82px; height:30px;}
.menu :hover ul.s013 li a:hover { background:url(../images/head/013_on.gif);}

.menu :hover ul.s014 {left:294px; top:40px; width:116px; height:auto;}
.menu :hover ul.s014 li {display:block; width:116px; height:30px; background:url(../images/head/014_off.gif); }
.menu :hover ul.s014 li a {display:block; width:116px; height:30px;}
.menu :hover ul.s014 li a:hover { background:url(../images/head/014_on.gif);}


.menu :hover ul.s021 {left:20px; top:40px; width:111px; height:auto; }
.menu :hover ul.s021 li {display:block; width:111px; height:30px; background:url(../images/head/021_off.gif); }
.menu :hover ul.s021 li a {display:block; width:111px; height:30px;}
.menu :hover ul.s021 li a:hover { background:url(../images/head/021_on.gif);}

.menu :hover ul.s022 {left:131px; top:40px; width:89px; height:auto; }
.menu :hover ul.s022 li {display:block; width:89px; height:30px; background:url(../images/head/022_off.gif); }
.menu :hover ul.s022 li a {display:block; width:89px; height:30px;}
.menu :hover ul.s022 li a:hover { background:url(../images/head/022_on.gif);}


.menu :hover ul.s031 {left:-70px; top:40px; width:122px; height:auto; }
.menu :hover ul.s031 li {display:block; width:122px; height:30px; background:url(../images/head/031_off.gif); }
.menu :hover ul.s031 li a {display:block; width:122px; height:30px;}
.menu :hover ul.s031 li a:hover { background:url(../images/head/031_on.gif);}

.menu :hover ul.s032 {left:52px; top:40px; width:122px; height:auto; }
.menu :hover ul.s032 li {display:block; width:122px; height:30px; background:url(../images/head/032_off.gif); }
.menu :hover ul.s032 li a {display:block; width:122px; height:30px;}
.menu :hover ul.s032 li a:hover { background:url(../images/head/032_on.gif);}

.menu :hover ul.s033 {left:174px; top:40px; width:151px; height:auto; }
.menu :hover ul.s033 li {display:block; width:151px; height:30px; background:url(../images/head/033_off.gif); }
.menu :hover ul.s033 li a {display:block; width:151px; height:30px;}
.menu :hover ul.s033 li a:hover { background:url(../images/head/033_on.gif);}


.menu :hover ul.s041 {left:-80px; top:40px; width:84px; height:auto; }
.menu :hover ul.s041 li {display:block; width:84px; height:30px; background:url(../images/head/041_off.gif); }
.menu :hover ul.s041 li a {display:block; width:84px; height:30px;}
.menu :hover ul.s041 li a:hover { background:url(../images/head/041_on.gif);}

.menu :hover ul.s042 {left:4px; top:40px; width:47px; height:auto; }
.menu :hover ul.s042 li {display:block; width:47px; height:30px; background:url(../images/head/042_off.gif); }
.menu :hover ul.s042 li a {display:block; width:47px; height:30px;}
.menu :hover ul.s042 li a:hover { background:url(../images/head/042_on.gif);}

.menu :hover ul.s043 {left:51px; top:40px; width:99px; height:auto; }
.menu :hover ul.s043 li {display:block; width:99px; height:30px; background:url(../images/head/043_off.gif); }
.menu :hover ul.s043 li a {display:block; width:99px; height:30px;}
.menu :hover ul.s043 li a:hover { background:url(../images/head/043_on.gif);}