@charset "utf-8";
/* CSS Document */

/*메인 네비게이션*/ 
.nav { 
    position                : relative;
    width                   : 1200px; 
    height                  : 45px;
    margin                  : 0 auto;
    z-index                 : 22; 
} /* height:64px; */

.nav .mnb { 
    position                : relative;
    display                 : table;
    width                   : 100%; 
    height                  : 45px;
    z-index                 : 999;
}

/*메인메뉴*/
.nav .mnb .depth_1 {
    /* float                   : left;  */
}

.depth_1 ul {
    width                   : 100%;
}

.depth_1 {
    width                   : 12%;
    height                  : 45px;
    vertical-align          : middle;
    display                 : table-cell;
    font-family             : MalgunGothic, "나눔고딕", NanumGothic;
    font-size               : 13pt;
    font-weight             : bold;
}

.depth_1 h2 {
    height                  : 45px;
}

.depth_1 h2 a {
    height                  : 45px;
    line-height             : 45px;
    font-family             : MalgunGothic, "나눔고딕", NanumGothic;
    font-size               : 13pt;
    font-weight             : bold;
    color                   : #ffffff;    
    padding-right           : 15px;
    padding-left            : 15px;
    -webkit-padding-end     : 15px;
    -webkit-padding-start   : 15px;
}

.depth_1 h2 a.on, .depth_1 h2 a:hover {
    height                  : 45px;
    color                   : #ffff66;
}

.nav .mnb .depth_1:first-child ul {
    border-left             : 1px solid #c6c6c6; 
}

.depth_title_mnb06 {
    background              : url("/Images/gnb/gnb_pattern.png"), -webkit-linear-gradient(to bottom,#505050,#2b2b2b);
    background              : url("/Images/gnb/gnb_pattern.png"), -moz-linear-gradient(to bottom,#505050,#2b2b2b);
    background              : url("/Images/gnb/gnb_pattern.png"), -o-linear-gradient(to bottom,#505050,#2b2b2b);
    background              : url("/Images/gnb/gnb_pattern.png"), linear-gradient(to bottom,#505050,#2b2b2b);
    text-align              : center;
}

.depth_title_mnb07 {
/*
    background              : url("/Images/gnb/gnb_pattern.png"), -webkit-linear-gradient(to bottom,#b45e5e,#842828);
    background              : url("/Images/gnb/gnb_pattern.png"), -moz-linear-gradient(to bottom,#b45e5e,#842828);
    background              : url("/Images/gnb/gnb_pattern.png"), -o-linear-gradient(to bottom,#b45e5e,#842828);
    background              : url("/Images/gnb/gnb_pattern.png"), linear-gradient(to bottom,#b45e5e,#842828);
*/
    background              : url("/Images/gnb/gnb_pattern.png"), -webkit-linear-gradient(to bottom,#505050,#2b2b2b);
    background              : url("/Images/gnb/gnb_pattern.png"), -moz-linear-gradient(to bottom,#505050,#2b2b2b);
    background              : url("/Images/gnb/gnb_pattern.png"), -o-linear-gradient(to bottom,#505050,#2b2b2b);
    background              : url("/Images/gnb/gnb_pattern.png"), linear-gradient(to bottom,#505050,#2b2b2b);

    text-align              : center;
}

/*
.nav .mnb .mnb01 h2 a{display:block; width:145px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat 0 0; text-indent:-9999px;}
.nav .mnb .mnb02 h2 a{display:block; width:135px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -145px 0; text-indent:-9999px;}
.nav .mnb .mnb03 h2 a{display:block; width:144px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -280px 0; text-indent:-9999px;}
.nav .mnb .mnb04 h2 a{display:block; width:132px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -424px 0; text-indent:-9999px;}
.nav .mnb .mnb05 h2 a{display:block; width:135px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -556px 0; text-indent:-9999px;}
.nav .mnb .mnb06 h2 a{display:block; width:153px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -691px 0; text-indent:-9999px;}
.nav .mnb .mnb07 h2 a{display:block; width:166px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -844px 0; text-indent:-9999px;}

.nav .mnb .mnb01 h2 a.on{display:block; width:145px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat 0 -50px; text-indent:-9999px;}
.nav .mnb .mnb02 h2 a.on{display:block; width:135px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -145px -50px; text-indent:-9999px;}
.nav .mnb .mnb03 h2 a.on{display:block; width:144px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -280px -50px; text-indent:-9999px;}
.nav .mnb .mnb04 h2 a.on{display:block; width:132px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -424px -50px; text-indent:-9999px;}
.nav .mnb .mnb05 h2 a.on{display:block; width:135px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -556px -50px; text-indent:-9999px;}
.nav .mnb .mnb06 h2 a.on{display:block; width:153px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -691px -50px; text-indent:-9999px;}
.nav .mnb .mnb07 h2 a.on{display:block; width:166px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -844px -50px; text-indent:-9999px;}

.nav .mnb .mnb01 h2 a:hover{display:block; width:145px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat 0 -50px; text-indent:-9999px;}
.nav .mnb .mnb02 h2 a:hover{display:block; width:135px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -145px -50px; text-indent:-9999px;}
.nav .mnb .mnb03 h2 a:hover{display:block; width:144px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -280px -50px; text-indent:-9999px;}
.nav .mnb .mnb04 h2 a:hover{display:block; width:132px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -424px -50px; text-indent:-9999px;}
.nav .mnb .mnb05 h2 a:hover{display:block; width:135px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -556px -50px; text-indent:-9999px;}
.nav .mnb .mnb06 h2 a:hover{display:block; width:153px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -691px -50px; text-indent:-9999px;}
.nav .mnb .mnb07 h2 a:hover{display:block; width:166px; height:45px; background:url("/Images/gnb/gnb.gif") no-repeat -844px -50px; text-indent:-9999px;}
*/

/*서브메뉴*/
.nav .mnb .depth_1 .depth_2 { 
    position                : absolute;
    width                   : 144px;        /* 150px; */
    height                  : 240px; 
    background              : #ffffff; 
    border-right            : 1px solid #c6c6c6; 
    border-bottom           : 2px solid #c6c6c6; 
    box-sizing              : border-box; 
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
    padding                 : 10px 0 0 0; 
    -webkit-padding-before  : 10px; 
    -webkit-padding-end     : 0; 
    -webkit-padding-after   : 0; 
    -webkit-padding-start   : 0;
}

.nav .mnb .depth_1 .depth_2 li {
    box-sizing              : border-box; 
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
    padding-bottom          : 1px; 
    -webkit-padding-after   : 1px;
}

.nav .mnb .depth_1 .depth_2 li a {
    display                 : block;
    height                  : 25px;
    line-height             : 25px;
    font                    : 12px "dotum";
    color                   : #444;
    box-sizing              : border-box; 
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
    margin-left             : 1px; 
    -webkit-margin-start    : 1px;
    padding-top             : 7px; 
    padding-left            : 15px; 
    -webkit-padding-before  : 7px; 
    -webkit-padding-start   : 15px; 
}

.nav .mnb .depth_1 .depth_2 li a:hover {
    color                   : #cb1515;
    background              : #e7e7e7;
}
/*
.nav .mnb .depth_1 .depth_2 .mnb01 a { width:141px; }
.nav .mnb .depth_1 .depth_2 .mnb02 a { width:131px; }
.nav .mnb .depth_1 .depth_2 .mnb03 a { width:141px; }
.nav .mnb .depth_1 .depth_2 .mnb04 a { width:128px; }
.nav .mnb .depth_1 .depth_2 .mnb05 a { width:131px; }
.nav .mnb .depth_1 .depth_2 .mnb06 a { width:149px; }
.nav .mnb .depth_1 .depth_2 .mnb07 a { width:162px; }
*/
/* .nav_effect {position:absolute; top:132px; left:0; width:1010px; height:295px; background:url("/Images/gnb/bg_gnb2.gif") no-repeat left bottom; z-index:10;} */