@charset "utf-8";


/* 견적서 */


@page {
    size: A4;
    margin:0;
}

@page a4sheet{
    size:21.0cm 29.7cm;
}

@media screen {

    #quotationWrap { width: 800px; background: #fff; border: 1px solid #f2f2f2; position: relative; }
    .Box { position: relative; width: 750px; margin: auto; margin-top:50px; margin-bottom:15px; }
    /* .BoxBg { background-image:url(../../images/shopping/quotation/quotation_bg.png); } */

    .BoxContent { position: relative; }

    #left_bg_img { position: absolute;
        height: 100%;
        width: 100%;
        top:0;
        left:0;
    }
    #left_bg_img img {
        width: 100%;
        height: 100%;
    }

    #top_bg_img {
        position: absolute;
        left:0;
        top: 0;
        background-color: #fff;
    }
    #bottom_bg_img {
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: #fff;
    }

    .BoxBg { position: relative;
        padding-top: 30px; }

    .btnClose {position: absolute; top: 10px; right: 30px;}
    .littlelamb_logo { position:absolute; top: 70px; right:50px; }
    .title { width:750px; height:70px;  margin: auto; text-align:center; font: 33px "나눔고딕";  font-family: 'Nanum Gothic';  color:#000; font-weight:400; }

    .clientInfo { width: 690px; margin: auto; }
    .clientInfo ul li { font: 13px/1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color:#000; margin-left:20px; vertical-align: middle; position: relative; padding-left: 20px;}
    .clientInfo ul li img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .buyInfo { width: 690px; margin: auto; margin-top: 20px; }
    .buyInfo table { width: 100%; }
    .buyInfo th { background-color: #dfdfdf; height: 40px; text-align:center;}
    .buyInfo td { background-color: #ffffff; border-top:1px solid #cccccc; height: 40px; text-align:center; }

    .guidetxt { width: 650px; margin: auto; margin-top: 30px; }
    .providerInfo { width:650px; margin: auto; margin-top:20px; padding-top:20px; padding-right: 30px; text-align:right; border-top:1px solid #ccc;  }
    .providerStamp { position:absolute; bottom:60px; right: 25px; }

    .printBtns { width: 205px; margin-top: 15px; margin-bottom:25px; margin-left: 300px;  }

}

@media print {

    #quotationWrap {
        page: a4sheet;
        width: 100%;
        margin-top: 2cm;

        padding-top: 20px;
        position: relative;

        border: initial;

        width: initial;

        min-height: initial;

        box-shadow: initial;

        background: initial;

        page-break-after: always;
    }

    .Box {
        position: relative;
        width: 100%;

    }

    .BoxBg { position: relative;
        padding-top: 30px;}

    .non-print { display: none; }

    .BoxContent {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 95%;
        margin-top:30px;
    }

    #left_bg_img { position: absolute;
        height: 100%;
        width: 100%;
        top:0;
        left:0;
        margin-top: 25px;
        background-color: #fff;
    }
    #left_bg_img img {
        width: 100%;
        height: calc(100% - 25px);
    }

    #top_bg_img {
        position: absolute;
        width: 100%;
        left:0;
        top: 20px;
        background-color: #fff;
    }
    #bottom_bg_img {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        background-color: #fff;
    }

    #top_bg_img img, #bottom_bg_img img {
        width: 100%;
    }

    .littlelamb_logo { position:absolute; top: 80px; right:50px; }

    .title { width:100%; height:70px;  margin-top: 20px; margin-right: auto; margin-left: auto; text-align:center; font: 33px "나눔고딕";  font-family: 'Nanum Gothic';  color:#000; font-weight:400; }

    .clientInfo { width: 90%; margin: auto; }
    .clientInfo ul li { font: 13px/1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color:#000; margin-left:20px; vertical-align: middle; position: relative; padding-left: 20px;}
    .clientInfo ul li img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .buyInfo { width: 90%; margin: auto; margin-top: 20px; }
    .buyInfo table { width: 100%; }
    .buyInfo th { background-color: #dfdfdf; height: 40px; text-align:center;}
    .buyInfo td { background-color: #ffffff; border-top:1px solid #cccccc; height: 40px; text-align:center; }

    .guidetxt { width: 90%; margin: auto; margin-top: 30px; }
    .providerInfo { width:90%; margin: auto; margin-top:20px; margin-bottom: 30px; padding-top:20px; padding-right: 30px; text-align:right; border-top:1px solid #ccc;  }
    .providerStamp { position:absolute; bottom:95px; right: 25px; }
}