
html, body ,h1,div{ margin: 0; padding: 0; }
ul, li {padding: 0; margin: 0; list-style: none; }
body, td { line-height: normal;font-style: normal; font-variant: normal; font-size: 12px;  color: #6b6b6b; }
table { margin-bottom: 150px; border-collapse: collapse; border-spacing: 0; }
#g_header h1 { height: 60px; line-height: 60px; padding-left: 28px; margin-top: 0; color: #fff; background: #424242;font-size: 24px;  font-family:'Pretendard', 돋움, Sans-Serif;}
#g_body { padding: 0 30px 1px; }
.guide_table { width: 100%;border-top:1px solid #424242;table-layout: auto;}
.guide_table thead th { background: #f1f1f1; text-align: center; padding:20px 3px;border:1px solid #dadada;border-top:1px solid #424242;font-size:15px;font-weight: 600; font-family:'Pretendard', 돋움, Sans-Serif;}
.guide_table tbody td { padding:12px 3px; vertical-align: middle; border: solid 1px #dadada;text-align:left;font-size:13px; font-family:'Pretendard', 돋움, Sans-Serif;}
.t-center{text-align:center!important;}	
.contents h3{font-size: 16px; margin: 10px 0;}
.red { color: #ff0000;}
.blues { color: #001aff;}
.guide_table tbody td a{color: #001aff; text-decoration: underline; font-size: 12px;}
.design_summary_web,
.design_summary_tab,
.design_summary_mob { display: inline-block; color: rosybrown; font-weight: bold; font-size: 12px; margin-right: 30px; }
.coding_summary_web,
.coding_summary_tab,
.coding_summary_mob { display: inline-block; color: red; font-weight: bold; font-size: 12px; margin-right: 30px; }
.dev_summary { display: inline-block; color: green; font-weight: bold; font-size: 12px; margin-right: 30px; }
.coding_stat_web,
.coding_stat_tab,
.coding_stat_mob { background: #ffffff;color:#333;text-align:center!important;}
.coding_stat_web.final,
.coding_stat_tab.final,
.coding_stat_mob.final { background: rgb(255, 116, 98);color:rgb(255, 255, 255);text-align:center!important;}
.dev_stat_web,
.dev_stat_web,
.dev_stat_web { background: rosybrown; color: #fff; }
.bg_gray { background: #f0f0f0; }
.tab_li > li { float: left; width: 90px; height: 30px; line-height: 30px; text-align: center; background: #424242; color: #fff; margin-right: 5px; margin-bottom: 5px; }
.tab_li > li > a { color: #fff; text-decoration: none; display: block; }
.tab_li > li.on { font-weight: bold; text-decoration: underline; font-size: 16px; }
td strong {font-size:12px;font-weight:600; color: rgb(0, 0, 0); }
td strong.title { color: #000; }
.auto-style1 { height: 20px; }
.auto-style2 { background: #ddffca; height: 20px; }
.mt-9{margin-bottom:9px;}
.exple{margin:10px 0;font-size:18px;}
.exple span{font-weight:600;}
.mb10{margin-bottom:5px;}
.mt10{margin-top:10px;}
@media (max-width:640px){
    .guide_table thead tr th:nth-of-type(3){display:none;}
    .guide_table tbody tr td.coding_stat_web{display:none;}
    .guide_table col:nth-of-type(3){display:none;}
}