/* 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 {background-image: url(../img/body-bg.gif); background-repeat: no-repeat; background-position: center bottom; min-height: 1300px;}
    #main-slide {width: 100%; height: 600px; margin: 0 auto;}
        #main-slide .slideArea .mainSlide>div {height: 600px !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-img-01.jpg);}
        #main-slide .slideArea .mainSlide .slide02 {background-image: url(../img/mv-img-02.jpg);}
        #main-slide .slideArea .mainSlide .slide03 {background-image: url(../img/mv-img-03.jpg);}
        #main-slide .bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #fff; padding-top: 20px; bottom: 165px;}
        #main-slide .bx-wrapper .bx-pager.bx-default-pager a {background: #fff; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
        #main-slide .bx-wrapper .bx-pager.bx-default-pager a:hover,
        #main-slide .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fccb33;}

    #q-btn-box {position: relative; margin-top: -145px; width: 100%; height: 145px; background-image: url(../img/q-btn-bg.png); z-index: 990;}
        #q-btn-box ul li {float: left;}
            #q-btn-box ul li a {display: block; height: 145px;}
            #q-btn-box ul li a.q-btn-01 {width: 126px; background-image: url(../img/q-btn-01.png);}
            #q-btn-box ul li a.q-btn-01:hover {background-image: url(../img/q-btn-01-on.png);}
            #q-btn-box ul li a.q-btn-02 {width: 124px; background-image: url(../img/q-btn-02.png);}
            #q-btn-box ul li a.q-btn-02:hover {background-image: url(../img/q-btn-02-on.png);}
            #q-btn-box ul li a.q-btn-03 {width: 126px; background-image: url(../img/q-btn-03.png);}
            #q-btn-box ul li a.q-btn-03:hover {background-image: url(../img/q-btn-03-on.png);}
            #q-btn-box ul li a.q-btn-04 {width: 125px; background-image: url(../img/q-btn-04.png);}
            #q-btn-box ul li a.q-btn-04:hover {background-image: url(../img/q-btn-04-on.png);}
            #q-btn-box ul li a.q-btn-05 {width: 124px; background-image: url(../img/q-btn-05.png);}
            #q-btn-box ul li a.q-btn-05:hover {background-image: url(../img/q-btn-05-on.png);}
            #q-btn-box ul li a.q-btn-06 {width: 125px; background-image: url(../img/q-btn-06.png);}
            #q-btn-box ul li a.q-btn-06:hover {background-image: url(../img/q-btn-06-on.png);}
            #q-btn-box ul li a.q-btn-07 {width: 125px; background-image: url(../img/q-btn-07.png);}
            #q-btn-box ul li a.q-btn-07:hover {background-image: url(../img/q-btn-07-on.png);}
            #q-btn-box ul li a.q-btn-08 {width: 125px; background-image: url(../img/q-btn-08.png);}
            #q-btn-box ul li a.q-btn-08:hover {background-image: url(../img/q-btn-08-on.png);}

    #main-cont-box {margin-top: 50px;}
        #main-cont-box .safe-box>div {position: relative; float: left;}
            #main-cont-box .bbs-news {width: 500px; height: 251px;}
            #main-cont-box .bbs-qna {width: 500px; height: 251px; background-color: #f8f8f8;}
                #main-cont-box .widget h2 {position: absolute; top: 45px; left: 30px; font-size: 22px; font-size: 2.2rem; font-weight: 500; color: #3c3c3c;}
                #main-cont-box .widget ul {position: absolute; top: 97px; left: 30px; width: 434px;}
                    #main-cont-box .widget ul li {margin-bottom: 10px;}
                        #main-cont-box .widget ul li a.ellipsis {max-width: 340px; float: left; font-weight: 300; font-size: 14px; font-size: 1.4rem; color: #777;}
                        #main-cont-box .widget ul li:hover a.ellipsis {font-weight: 500; color: #222;}
                        #main-cont-box .widget ul li span.wdate {float: right; margin-right: 6px;  font-size: 14px; font-size: 1.4rem; color: #777;}
                        #main-cont-box .widget ul li:hover span.wdate {color: #222;}
                #main-cont-box .widget .more-btn a {position: absolute; top: 45px; right: 30px; display: block; width: 18px; height: 18px; background-image: url(../img/bbs-more-btn.gif);}
                #main-cont-box .widget .more-btn a:hover {background-image: url(../img/bbs-more-btn-on.gif);}

        #main-cont-box .link-box {float: left; width: 250px; height: 250px;}
        #main-cont-box .link-box {background-color: #f8f8f8;}
        #main-cont-box .postpartum.link-box {background-color: #fff;}
            #main-cont-box .link-box h2 {position: absolute; top: 45px; left: 30px; font-size: 22px; font-size: 2.2rem; font-weight: 500;  color: #222; line-height: 1.2em;}
            #main-cont-box .link-box .text-box {position: absolute; top: 90px; left: 30px; font-size: 14px; font-size: 1.4rem; font-weight: 300; color: #777;}
            #main-cont-box .service.link-box .text-box {position: absolute; top: 110px; left: 30px; font-size: 14px; font-size: 1.4rem; font-weight: 300; color: #777;}
        #main-cont-box .link-box a.link-box-btn {position: absolute; top: 153px; left: 30px; display: block; width: 97px; height: 27px; background-image: url(../img/link-box-btn.gif);}
        #main-cont-box .link-box a.link-box-btn:hover {display: block; width: 97px; height: 27px; background-image: url(../img/link-box-btn-on.gif);}

    #banner-zone {margin-top: 40px;}
        #banner-zone .safe-box {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}