/* 메인배너 이미지설정 */
.bn_main { background:url('/images/bn/bn_main_new_bg2.jpg') no-repeat top center; width:100%; height:700px; background-size:100%; position:fixed; z-index:-10; top:0;}
@media screen and (max-width:1920px) {
.bn_main {background-size:1920px 700px;}
}

/*메인배너 애니메이션 이미지*/
.bn_ani_img img {position:absolute;}
.bn_ani_img img.bn_img_L {bottom:0; left:50%; margin-left:-750px; z-index:3; opacity:0;}
.bn_ani_img img.bn_img_R1 {bottom:0; left:50%; margin-left:300px; z-index:3; opacity:0;}
.bn_ani_img img.bn_img_R2 {bottom:0; left:50%; margin-left:700px; z-index:3; opacity:0;}
.bn_ani_img img.line_1 {bottom:326px; left:50%; margin-left:-481px; z-index:3; opacity:0;}
.bn_ani_img img.line_2 {bottom:162px; left:50%; margin-left:210px; z-index:3; opacity:0;}
.bn_ani_img img.line_3 {bottom:121px; left:50%; margin-left:210px; z-index:4; opacity:0;}
.bn_ani_img img.bn_screen_0 {bottom:330px; left:50%; margin-left:-686px; z-index:-5; opacity:0;}
.bn_ani_img img.bn_screen_1 {bottom:265px; left:50%; margin-left:-1090px; z-index:-5; opacity:0;}
.bn_ani_img img.bn_screen_2 {bottom:55px; left:50%; margin-left:-1300px; z-index:-5; opacity:0;}
.bn_ani_img img.bn_screen_3 {bottom:306px; left:50%; margin-left:659px; z-index:-5; opacity:0;}
.bn_ani_img img.bn_screen_4 {bottom:202px; left:50%; margin-left:672px; z-index:-5; opacity:0;}
.bn_ani_img img.bn_screen_5 {bottom:50px; left:50%; margin-left:728px; z-index:-5; opacity:0;}

/*메인배너 구멍*/
.bn_main_window {/*background:rgba(0,0,0,0);*/ width:100%; height:700px; background-size:100%; border-bottom:1px solid #ccc; overflow:hidden;}

/* 메인메뉴 */
.main_menu_outer {width:1024px; left:50%; margin-left:-512px; text-align:center; z-index:14;}
#mainMenu {min-width:842px; height:74px; text-align:center; border-radius:37px; margin:-38px auto 0; background:#fff; border:1px solid #666;
           box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px; overflow:hidden; padding:0 20px;}
#mainMenu li {display:block; float:left; width:100px; height:148px; box-sizing:border-box; }
#mainMenu li:last-child {margin-right:0;}
#mainMenu li a {display:block; width:100px; height:148px; }
#mainMenu .menu_img {width:100px; height:74px; margin-top:0; transition:all ease-in-out 0.2s;}
#mainMenu .menu_img_1 {background:url('/images/menu/menu_icon_01.png') no-repeat center center; background-size:70%;}
#mainMenu .menu_img_2 {background:url('../images/menu/menu_icon_02.png') no-repeat center center; background-size:70%;}
#mainMenu .menu_img_3 {background:url('../images/menu/menu_icon_03.png') no-repeat center center; background-size:70%;}
#mainMenu .menu_img_4 {background:url('../images/menu/menu_icon_04.png') no-repeat center center; background-size:70%;}
#mainMenu .menu_img_5 {background:url('../images/menu/menu_icon_05.png') no-repeat center center; background-size:70%;}
#mainMenu .menu_img_6 {background:url('../images/menu/menu_icon_06.png') no-repeat center center; background-size:70%;}
#mainMenu .menu_img_7 {background:url('../images/menu/menu_icon_07.png') no-repeat center center; background-size:70%;}
#mainMenu .menu_img_8 {background:url('../images/menu/menu_icon_08.png') no-repeat center center; background-size:70%;}
#mainMenu .menu_name { height:74px; width:100%; line-height:70px; }
#mainMenu .menu_name span {color:#333;display:inline-block; vertical-align:middle; line-height:16px;}

#mainMenu li:hover .menu_img {margin-top:-74px; transition:all ease-in-out 0.2s;}

@media screen and (max-width:842px) {
#mainMenu { width:calc(100% - 40px); box-sizing:border-box; }
}

.bg_wh {background:#fff;}