#main_wrap {margin:0 auto; height:100%; width:1024px; position:relative; z-index:999; } /* background-color:#fff; */
/* #header {margin:0 auto; width:1024px; height:100px; position:relative; z-index:1009;} */


/* gnb */
.gnb {width:1024px; height:80px;  overflow:hidden; position:relative;} /* border-top:2px solid #78c842; */
.gnb ul.depth1 {width:1024px; height:45px;} /* border-bottom:1px solid #78c842; */
.gnb ul.depth1 > li {width:142px; height:45px; float:left; } /* background:#fff; */
.gnb ul.depth1 > li > a {width:142px; height:45px; text-indent:-9999px; display:block; overflow:hidden;}
.gnb ul.depth1 .menu1 > a, .gnb ul.depth1 .menu1 > a:link {background: url("/images/nav/menu_01.png") 0 0 no-repeat;}
.gnb ul.depth1 .menu2 > a, .gnb ul.depth1 .menu2 > a:link {background: url("/images/nav/menu_02.png") 0 0 no-repeat;}
.gnb ul.depth1 .menu3 > a, .gnb ul.depth1 .menu3 > a:link {background: url("/images/nav/menu_03.png") 0 0 no-repeat;}
.gnb ul.depth1 .menu4 > a, .gnb ul.depth1 .menu4 > a:link {background: url("/images/nav/menu_04.png") 0 0 no-repeat;}
.gnb ul.depth1 .menu5 > a, .gnb ul.depth1 .menu5 > a:link {background: url("/images/nav/menu_05.png") 0 0 no-repeat;}
.gnb ul.depth1 .menu6 > a, .gnb ul.depth1 .menu6 > a:link {background: url("/images/nav/menu_06.png") 0 0 no-repeat;}
.gnb ul.depth1 .menu1 > a.on, .gnb ul.depth1 .menu1 > a:active, .gnb ul.depth1 .menu1 > a:focus, .gnb ul.depth1 .menu1 > a:hover {background: url("/images/nav/menu_01_on.png") 0 0 no-repeat;}
.gnb ul.depth1 .menu2 > a.on, .gnb ul.depth1 .menu2 > a:active, .gnb ul.depth1 .menu2 > a:focus, .gnb ul.depth1 .menu2 > a:hover {background: url("/images/nav/menu_02_on.png") 0 0 no-repeat;}
.gnb ul.depth1 .menu3 > a.on, .gnb ul.depth1 .menu3 > a:active, .gnb ul.depth1 .menu3 > a:focus, .gnb ul.depth1 .menu3 > a:hover {background: url("/images/nav/menu_03_on.png") 0 0 no-repeat;}
.gnb ul.depth1 .menu4 > a.on, .gnb ul.depth1 .menu4 > a:active, .gnb ul.depth1 .menu4 > a:focus, .gnb ul.depth1 .menu4 > a:hover {background: url("/images/nav/menu_04_on.png") 0 0 no-repeat;}
.gnb ul.depth1 .menu5 > a.on, .gnb ul.depth1 .menu5 > a:active, .gnb ul.depth1 .menu5 > a:focus, .gnb ul.depth1 .menu5 > a:hover {background: url("/images/nav/menu_05_on.png") 0 0 no-repeat;}
.gnb ul.depth1 .menu6 > a.on, .gnb ul.depth1 .menu6 > a:active, .gnb ul.depth1 .menu6 > a:focus, .gnb ul.depth1 .menu6 > a:hover {background: url("/images/nav/menu_06_on.png") 0 0 no-repeat;}

.gnb ul.depth2 {width:1024px; height:30px; line-height:30px; display:none; position:absolute; bottom:4px; z-index:500; background:#f6f6f6;  border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;} /* border-top:1px solid #d1d1d1; */
.gnb ul.depth2.s1 {padding-left:20px; left:0px; width:1022px;}
.gnb ul.depth2.s2 {padding-left:100px; left:0px; width:1022px;}
.gnb ul.depth2.s3 {padding-left:180px; left:0px; width:1022px;}
.gnb ul.depth2.s4 {padding-left:400px; left:0px; width:1022px;}
.gnb ul.depth2.s5 {padding-left:300px; left:0px; width:1022px;}
.gnb ul.depth2.s6 {padding-left:300px; left:0px; width:1022px;}

.gnb ul.depth2 li {margin-left:31px; float:left;white-space:nowrap;}
.gnb ul.depth2 li:first-child {margin-left:0px;}
.gnb ul.depth2 a, .gnb ul.depth2 a:link {font-weight:bold; color:#323232;}
.gnb ul.depth2 a.on, .gnb ul.depth2 a:active, .gnb ul.depth2 a:focus, .gnb ul.depth2 a:hover {color:#ff6102; text-decoration:none;}

/* gnb-all */
.gnbAll {position:absolute; top:2px; left:0; width:1024px; height:200px; background:url("/images/nav/bg_gnball.gif") repeat-x 0 0 ; z-index:10000; display:none;}
.gnbAll .depth1 {width:100%; height:45px;}
.gnbAll .depth1 > li {border-left:1px solid #e6e6e6; width:145px; height:200px; float:left;}
.gnbAll .depth1 .menu6 {border-right:1px solid #e6e6e6; width:290px; background:url("/images/nav/bg_gnball_last.png") no-repeat right bottom;}
.gnbAll .depth1 > li.on {background:url("/images/nav/bg_gnb_on.png") no-repeat 0 0;}
.gnbAll .depth1 .menu6.on {background:url("/images/nav/bg_gnball_last_on.png") no-repeat right bottom;}
.gnbAll ul.depth1 > li > a {width:145px; height:45px; text-indent:-9999px; display:block; overflow:hidden;}
.gnbAll ul.depth1 .menu1>a {background:url("/images/nav/gnb1.png") no-repeat 50% 13px;}
.gnbAll ul.depth1 .menu2>a {background:url("/images/nav/gnb2.png") no-repeat 50% 13px;}
.gnbAll ul.depth1 .menu3>a {background:url("/images/nav/gnb3.png") no-repeat 50% 13px;}
.gnbAll ul.depth1 .menu4>a {background:url("/images/nav/gnb4.png") no-repeat 50% 13px;}
.gnbAll ul.depth1 .menu5>a {background:url("/images/nav/gnb5.png") no-repeat 50% 13px;}
.gnbAll ul.depth1 .menu6>a {background:url("/images/nav/gnb6.png") no-repeat 50% 13px;}
.gnbAll ul.depth1 li>a.on,
.gnbAll ul.depth1 li>a:hover,
.gnbAll ul.depth1 li>a:active,
.gnbAll ul.depth1 li>a:focus {background-position:50% -27px;}
.gnbAll ul.depth1 li .depth2 {width:147px; display:block; position:relative; padding:10px 0 15px 25px;}
.gnbAll ul.depth1 li .depth2 li {height:24px; line-height:24px;}
.gnbAll ul.depth1 li .depth2 li a:hover,
.gnbAll ul.depth1 li .depth2 li a:active,
.gnbAll ul.depth1 li .depth2 li a:focus {color:#ff4400; text-decoration:none;}
.gnb a.btnBnbAll,
.gnbAll a.btnBnbAll {position:absolute;  display:block; overflow:hidden;}
.gnb a.btnBnbAll.open {top:10px; right:0; width:100px; height:26px;}
.gnbAll a.btnBnbAll.close {top:10px; right:10px; width:110px; height:26px;}
.gnbAll a.btnBnbAll.close img {margin-top:-45px;}