/* bx 기본 속성 */
.bx-wrapper {position: relative; margin: 0 auto; padding: 0;}
.bx-wrapper .bx-viewport {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0px solid #fff; left: 0px; background: none; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}

#body-wrap {margin-top: 90px;}
    #body-wrap #main-slide {width: 100%; height: 810px; margin: 0 auto;}
        #main-slide .slideArea .mainSlide>div {height: 810px !important; background-repeat: no-repeat; background-position: center;}
        #main-slide .slideArea .mainSlide .slide {width: 100% !important;}
        #main-slide .slideArea .mainSlide .slide01 {background-image: url(../img/mv-img01.jpg);}
        #main-slide .slideArea .mainSlide .slide02 {background-image: url(../img/mv-img02.jpg);}
        #main-slide .slideArea .mainSlide .slide03 {background-image: url(../img/mv-img03.jpg);}
        #main-slide .slideArea .mainSlide .slide04 {background-image: url(../img/mv-img04.jpg);}
        #main-slide .slideArea .mainSlide .slide05 {background-image: url(../img/mv-img05.jpg);}
        #main-slide .slideArea .mainSlide .slide06 {background-image: url(../img/mv-img06.jpg);}
        #main-slide .slideArea .mainSlide .slide07 {background-image: url(../img/mv-img07.jpg);}
        #main-slide .slideArea .mainSlide .slide08 {background-image: url(../img/mv-img08.jpg);}
        #main-slide .slideArea .mainSlide .slide09 {background-image: url(../img/mv-img09.jpg);}
        #main-slide .slideArea .mainSlide .slide10 {background-image: url(../img/mv-img10.jpg);}
        #main-slide .slideArea .mainSlide .slide11 {background-image: url(../img/mv-img11.jpg);}

        #main-slide .bx-wrapper .bx-controls-direction a {width: 52px; height: 103px;}
        #main-slide .bx-wrapper .bx-prev {left: 113px; background: url(../img/mv-arr-left.png) no-repeat 0 0;}
        #main-slide .bx-wrapper .bx-next {right: 113px; background: url(../img/mv-arr-right.png) no-repeat 0 0;}

    #body-wrap #main-box {position: relative; height: 500px; margin-top: -500px; background-color: #fff; z-index: 12345;}
        #main-box .mb-box01 {width: 600px; height: 500px; float: left;}
            #main-box .mb-box01 .banner-slide-box {width: 600px;}
            #main-box .mb-box01 .banner-slide-box .bx-wrapper .bx-pager {top: 23px; left: 24px; width: 76px; height: 12px; padding: 0px;}
                #main-box .mb-box01 .banner-slide-box .bx-wrapper .bx-pager.bx-default-pager a {margin: 0px 7px 0px 0px; width: 8px; height: 8px; border:2px solid #fff; background-color: transparent; -moz-border-radius: 12px;  -webkit-border-radius: 12px; border-radius: 12px;}
                #main-box .mb-box01 .banner-slide-box .bx-wrapper .bx-pager.bx-default-pager a:hover,
                #main-box .mb-box01 .banner-slide-box .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;}
                    #main-box .mb-box01 .bannerSlide li .more-view-btn {position: absolute; top: 33px; right: 31px;}

            #main-box .mb-box01 .banner-history {float: left;}
                #main-box .mb-box01 .banner-history a {display: block; width: 300px; height: 250px; background-image: url(../img/mb-history-btn-off.jpg);}
                #main-box .mb-box01 .banner-history a:hover {background-image: url(../img/mb-history-btn-on.jpg);}

            #main-box .mb-box01 .banner-partner {float: left;}
                #main-box .mb-box01 .banner-partner a {display: block; width: 300px; height: 250px; background-image: url(../img/mb-partner-btn.jpg); background-size: 100%; background-position: center; background-repeat: no-repeat;}

        #main-box .mb-box02 {width: 600px; height: 500px; float: left;}
            #main-box .mb-box02 .banner-notice {float: left;}
                #main-box .mb-box02 .banner-notice a {display: block; width: 300px; height: 250px; background-image: url(../img/mb-notice-btn.jpg); background-size: 100%; background-position: center; background-repeat: no-repeat;}

            #main-box .mb-box02 .banner-contact {float: left;}
                #main-box .mb-box02 .banner-contact a {display: block; width: 300px; height: 250px; background-image: url(../img/mb-contact-btn-off.jpg);}
                #main-box .mb-box02 .banner-contact a:hover {background-image: url(../img/mb-contact-btn-on.jpg);}

            #main-box .mb-box02 .banner-product {float: left;}
                #main-box .mb-box02 .banner-product a {display: block; width: 600px; height: 250px; background-image: url(../img/mb-product-btn.jpg); background-size: 100%; background-position: center; background-repeat: no-repeat;}