/* reset */
html { font-family:'Noto Sans KR', 'Noto Sans CJK KR', 'sans-serif', 'dotum', '돋움'; }
body { margin:0; padding:0; }


@media print {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

#certificate { padding:70px 0; width:85%; margin:0 auto; }
#certificate .title { text-align:center; font-weight:500; font-size:36px; color:#000000; text-decoration:underline; }

#certificate .chart { margin:70px auto; border:1px solid #000000; }
#certificate .chart table { width:100%; margin:0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; table-layout:fixed; }
#certificate .chart table th ,
#certificate .chart table td { padding:0; border:1px solid #000000; text-align:center; height:60px; font-size:15px; }
#certificate .chart table th { background-color:#dddddd; font-weight:500; }

#certificate .memo { margin:80px 0; font-size:18px; text-align:center; }
#certificate .use { margin:70px 0; font-size:18px; font-weight:300; }
#certificate .date { margin:70px 0; font-size:18px; text-align:center; }
#certificate .company { margin:140px 0 0; text-align:right; } 
#certificate .company span { display:inline-block; position:relative; text-align:left; font-size:18px; line-height:35px; padding:0 10px 10px 0; }
#certificate .company span img { position:absolute; height:60px; bottom:0; right:0; }


#payroll { padding:35px 0; width:85%; margin:0 auto; }
#payroll .title { overflow:hidden; position:relative; margin:0 auto 70px; }
#payroll .title .text { float:left; width:60%; text-align:center; font-weight:500; font-size:36px; color:#000000; }
#payroll .title .text span { font-weight:400; font-size:26px; text-decoration:underline; }
#payroll .title .chart { float:right; width:40%; margin:0; box-sizing:border-box; }
#payroll .title .chart table th ,
#payroll .title .chart table td { height:20px; }

#payroll .chart { margin:35px auto; border:1px solid #000000; }
#payroll .chart table { width:100%; margin:0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; table-layout:fixed; }
#payroll .chart table th ,
#payroll .chart table td { padding:0; border:1px solid #000000; text-align:center; height:25px; font-size:15px; }
#payroll .chart table th { background-color:#dddddd; font-weight:500; }

#payroll .chart.info table th ,
#payroll .chart.info table td { height:20px; font-size:12px; }

#payroll .date { margin:35px 0 0; font-size:18px; text-align:center; }
#payroll .company { margin:35px 0 0; text-align:center; } 
#payroll .company span { display:inline-block; position:relative; text-align:left; font-size:18px; line-height:35px; padding:0 40px 10px 0; }
#payroll .company span img { position:absolute; height:60px; bottom:0; right:0; }


#approval { padding:35px 0; width:85%; margin:0 auto; }
#approval .title { overflow:hidden; position:relative; margin:0 auto 70px; }
#approval .title .text { float:left; width:50%; text-align:center; font-weight:500; font-size:36px; color:#000000; }
#approval .title .text span { font-weight:400; font-size:26px; text-decoration:underline; }
#approval .title .chart { float:right; width:50%; margin:0; box-sizing:border-box; border:none; overflow:hidden; }
#approval .title .chart div { border:1px solid #000000; float:right; box-sizing:border-box; max-width:100%; }
#approval .title .chart table th ,
#approval .title .chart table td { height:30px; }
#approval .title .chart table td.seal { height:45px; position:relative; }
#approval .title .chart table td.seal img { position:absolute; top:10%; left:10%; max-width:80%; max-height:80% }

#approval .chart { margin:35px auto; border:1px solid #000000; }
#approval .chart table { width:100%; margin:0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; table-layout:fixed; }
#approval .chart table th ,
#approval .chart table td { padding:0; border:1px solid #000000; text-align:center; height:60px; font-size:15px; }
#approval .chart table th { background-color:#dddddd; font-weight:500; }

#approval .memo { margin:80px 0; font-size:18px; text-align:center; }
#approval .date { margin:35px 0 0; font-size:18px; text-align:center; }
#approval .company { margin:35px 0 0; text-align:center; } 
#approval .company span { display:inline-block; position:relative; text-align:left; font-size:18px; line-height:35px; padding:0 40px 10px 0; }
#approval .company span img { position:absolute; height:60px; bottom:0; right:0; }


#contract { font-family: 'NanumMyeongjo'; }
#contract .title { width: 99%; font-size: 36px; text-align: center; font-weight: 500; }
#contract .title p { font-size: 24px; font-weight: 400; margin: 12px 0 0; }
#contract .memo { font-size: 18px; margin: 140px 0 40px; }
#contract .memo.attachment { margin: 0; page-break-before: always; }
#contract .memo p { margin: 0 0 25px; padding: 0; line-height: 40px; position: relative; word-break: break-all; width: 99%; box-sizing: border-box; }
#contract .memo p.right { margin: 0; text-align: right; font-size: 14px; line-height: 32px; }
#contract .memo div { margin: 0 0 30px; padding: 0; line-height: 40px; position: relative; word-break: break-all; width: 99%; box-sizing: border-box; }
#contract .memo div ul { margin:0; padding:0; line-height:40px; position:relative; word-break:break-all; width:99%; box-sizing:border-box; }
#contract .memo div ul li { padding-left:22px; list-style:none; }
#contract .memo p.dot { padding:0 0 0 30px; }
#contract .memo p.dot span { position:absolute; top:0; left:0; }
#contract .memo table { width:99%; margin:0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; table-layout:fixed; }
#contract .memo table th ,
#contract .memo table td { padding:0; border:1px solid #000000; text-align:center; font-size:18px; padding:5px 10px; }
#contract .memo table th { background-color:#dddddd; font-weight:500; }

#contract .date { width:99%; font-size:18px; text-align:center; margin:70px 0; }

#contract .company { width:99%; overflow:hidden; margin:0; padding:0; }
#contract .company li { list-style:none; float:left; width:50%; margin:0; padding:0; font-size:18px; line-height:40px; position:relative; padding:0 0 0 50px; box-sizing:border-box; }
#contract .company li span { position:absolute; top:0; left:0; font-size:19px; }



#estimate { padding:35px 0; width:85%; margin:0 auto; }
#estimate .title { overflow:hidden; position:relative; margin:0 auto 70px; }
#estimate .title .text { float:left; width:55%; text-align:center; font-weight:500; font-size:36px; color:#000000; }
#estimate .title .text span { font-weight:400; font-size:26px; text-decoration:underline; }
#estimate .title .chart { float:right; width:45%; margin:0; box-sizing:border-box; border:none; overflow:hidden; }
#estimate .title .chart div { border:1px solid #000000; padding:5px 10px; font-size:15px; }
#estimate .title .chart div span { display:inline-block; position:relative; text-align:left; }
#estimate .title .chart div span img { position:absolute; height:60px; top:50%; left:-100%; margin:-30px 0 0; }

#estimate .chart { margin:35px auto; border:1px solid #000000; }
#estimate .chart table { width:100%; margin:0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; table-layout:fixed; }
#estimate .chart table th ,
#estimate .chart table td { padding:0; border:1px solid #000000; text-align:left; font-size:14px; padding:7.5px; }
#estimate .chart table th { background-color:#dddddd; font-weight:500; }
#estimate .chart table th.ct ,
#estimate .chart table td.ct { text-align:center; }
#estimate .chart.small table th ,
#estimate .chart.small table td { font-size:12px; }



#meeting { padding:35px 0; width:85%; margin:0 auto; }
#meeting .title { overflow:hidden; position:relative; margin:0 auto 70px; }
#meeting .title .text { float:left; width:70%; text-align:center; font-weight:500; font-size:36px; color:#000000; }
#meeting .title .text span { font-weight:400; font-size:26px; text-decoration:underline; }
#meeting .title .chart { float:right; width:30%; margin:0; box-sizing:border-box; border:none; overflow:hidden; }
#meeting .title .chart div { border:1px solid #000000; box-sizing:border-box; }
#meeting .title .chart table th ,
#meeting .title .chart table td { padding:5px 10px; }

#meeting .chart { margin:35px auto; border:1px solid #000000; }
#meeting .chart table { width:100%; margin:0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; table-layout:fixed; }
#meeting .chart table th ,
#meeting .chart table td { padding:0; border:1px solid #000000; text-align:center; padding:10px; font-size:15px; }
#meeting .chart table th { background-color:#dddddd; font-weight:500; }
#meeting .chart table td { text-align:left; }
#meeting .chart table td.tc { text-align:center; }