/* Layout 100% + 1024 */
/* 메인화면 등 */

/***********************************************************************/
/** @desc : Wrap Top(상단 탑 메뉴) *************************************/
/** @use  : module/_inc/head.inc (메인화면) ****************************/
/** @use  : module_admin/_inc/head.inc (관리자로그인) ******************/
/** @use  : wd_module/_inc/head.inc (주문시스템&회원가입) **************/
/** @use  : wd_admin/_inc/head.inc (위탁관리자 로그인) *****************/
/***********************************************************************/
    div.wrap_top {
        width: 100%;
        background-color: #fff;
    }

    div.wrap_top > div.header_top_menu {
        margin: auto;
        width: 1024px;
        height: 30px;
        text-align: right;
    }

    div.back_header_contents {
        position: absolute;
        top: 30px;
        left: 0;
        width: 100%;
        height: 50px;
        background: #1a69ac;
        background: -moz-linear-gradient(top, #25b4c1 0%, #1a69ac 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25b4c1), color-stop(100%,#1a69ac));
        background: -webkit-linear-gradient(top, #25b4c1 0%,#1a69ac 100%);
        background: -o-linear-gradient(top, #25b4c1 0%,#1a69ac 100%);
        background: -ms-linear-gradient(top, #25b4c1 0%,#1a69ac 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25b4c1', endColorstr='#1a69ac',GradientType=0 );    /* ie8적용, GradientType=0 위에서 아래로, GradientType=1 왼쪽에서 오른쪽으로 */
        background: linear-gradient(to bottom, #25b4c1 0%,#1a69ac 100%);
        z-index: -1;
    }
        
/***********************************************************************/
/** @desc : Body 내용(header + body) ***********************************/
/***********************************************************************/
div.wrap_body {
    margin: auto;
    width: 100%;
}

    /* header 본문 */
    div.wrap_body > div.header_contents {
        margin: auto;
        width: 1024px;
        height: 60px;
    }

    div.wrap_body > div.header_contents > div.header_logo {
        float: left;
        width: 200px;   /* logo width : 180px; padding 감안해서 200px; 적용 */
    }

    div.wrap_body > div.header_contents > div.header_navi {
        float: left;
        width: 80%;
        height: 50px;
    }


/***********************************************************************/
/** @desc : footer_box *************************************************/
/** @use  : _css/.../(module)/inc/tail.inc *****************************/
/** @use  : module/_inc/tail.inc (메인화면) ****************************/
/** @use  : module_admin/_inc/tail.inc (관리자로그인) ******************/
/** @use  : wd_module/_inc/tail.inc (주문시스템&회원가입) **************/
/** @use  : wd_admin/_inc/tail.inc (위탁관리자 로그인) *****************/
/***********************************************************************/
    div.footer_wrap {    /* footer tag ie9부터 적용 */
        margin: 20px auto auto auto;
        width: 100%;
        background: #757575;
        background: -moz-linear-gradient(left, #D6D6D6 0%, #757575 100%);
        background: -webkit-gradient(linear, right, left, color-stop(0%,#D6D6D6), color-stop(100%,#757575));
        background: -webkit-linear-gradient(left, #D6D6D6 0%,#757575 100%);
        background: -o-linear-gradient(left, #D6D6D6 0%,#757575 100%);
        background: -ms-linear-gradient(left, #D6D6D6 0%,#757575 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#D6D6D6',GradientType=0 );    /* ie8적용, GradientType=0 위에서 아래로, GradientType=1 왼쪽에서 오른쪽으로 */
        background: linear-gradient(to left, #D6D6D6 0%,#757575 100%);
    }

    div.footer_contents {
        margin: auto;
        width: 1024px;
        height: 70px;
        background: #757575;
        background: -moz-linear-gradient(left, #D6D6D6 0%, #757575 100%);
        background: -webkit-gradient(linear, right, left, color-stop(0%,#D6D6D6), color-stop(100%,#757575));
        background: -webkit-linear-gradient(left, #D6D6D6 0%,#757575 100%);
        background: -o-linear-gradient(left, #D6D6D6 0%,#757575 100%);
        background: -ms-linear-gradient(left, #D6D6D6 0%,#757575 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#D6D6D6',GradientType=0 );    /* ie8적용, GradientType=0 위에서 아래로, GradientType=1 왼쪽에서 오른쪽으로 */
        background: linear-gradient(to left, #D6D6D6 0%,#757575 100%);
    }


/*********************************************************/
/** @desc : 모듈 전체영역 ********************************/
/*********************************************************/
    div.contents {
        background-color: #fff;
        border: 7px solid #757575;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }