
.autodiagnosis_wrap table {color:#333;clear:both;border-collapse: collapse; width: 100%;word-break: break-all;text-align:center;table-layout: fixed; border-top: 2px solid #5f5f5f!important;}
.autodiagnosis_wrap table caption {overflow: hidden; text-indent: -99999px; font-size: 0;  clip: rect(0,0,0,0);  width: 1px;  height: 1px; margin: -1px; border: 0;  padding: 0;}
.autodiagnosis_wrap table tbody>tr>th{text-align:center;font-weight:bold;background: #f8f8f8;}
.autodiagnosis_wrap table tfoot>tr>td{background:#eaeaea; font-weight:bold;}
.autodiagnosis_wrap table th{padding:9px 10px;vertical-align:middle;}
.autodiagnosis_wrap table td {padding:9px 10px;vertical-align:middle;text-align: left;}
.autodiagnosis_wrap table th,
.autodiagnosis_wrap table td {border:1px solid #d0d0d0;}
.autodiagnosis_wrap table td span {margin-right:10px}
.autodiagnosis_wrap table td span:last-child {margin-right: 0;}
.autodiagnosis_wrap table td span.act input {border: none; outline: none; width:50px;}

.autodiagnosis_wrap .box {padding: 30px 0; margin-bottom: 20px;}
.autodiagnosis_wrap .box .text {margin-bottom:15px;}
.autodiagnosis_wrap .box table td {text-align: center;}
.autodiagnosis_wrap .box table td.align-l {text-align: left;}
.autodiagnosis_wrap .btn {text-align: center;}
.autodiagnosis_wrap .btn a {display: inline-block; color: #fff; font-size: 15px; font-weight: 400; width: auto; padding: 6px 12px; background: #3498db; white-space: nowrap;  vertical-align: middle;
    border-radius: 4px;  touch-action: manipulation; cursor: pointer;}

@media screen and (max-width: 600px) {
    .autodiagnosis_wrap .box table th {padding: 9px 4px; letter-spacing: -1px;font-size:12px}
    .autodiagnosis_wrap .box table td {padding: 9px 4px; letter-spacing: -1px;}

    
}

.autodiagnosis_wrap .gntable.table-style-blue{color:#35628e;clear:both;}
.autodiagnosis_wrap .gntable.table-style-blue.tb{border-top:2px solid #35628e!important;}
.autodiagnosis_wrap .gntable.table-style-blue thead th{border-bottom:0;}
.autodiagnosis_wrap .gntable.table-style-blue th, .autodiagnosis_wrap .gntable.table-style-blue td{border:1px solid #bbd6e8;}
.autodiagnosis_wrap .gntable.table-style-blue tr>th{background:#e5f3ff;}
.autodiagnosis_wrap .gntable.table-style-blue tbody>tr>th{background:#f7fcff;}
.autodiagnosis_wrap .gntable.table tr.last-tr{border-bottom:1px solid transparent;}

.countnum_dimm {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; opacity: 0.5; background-color: rgb(0, 0, 0);}
.countnum_cnt { display: none; position: fixed; top: 45%;  left: 5%;  right: 5%;bottom:auto; margin-top: -65%;   background: #fff;  border: 1px solid #000;  z-index: 100;  padding: 0 5%; border-radius: 4px;}
.countnum_cnt .close {display: block; position: absolute; top: -18px; right: -18px; width: 36px; height: 36px;cursor: pointer; z-index: 100;   text-indent: -9999px;   background: url(http://www.kfihcw.org/default/img/hblock/content/selfdiagnosis/img/fancybox_sprite.png) no-repeat; }
.countnum_cnt h1 {font-size: 30px;  text-align: center;  font-weight: 600;margin-top:15px}
.countnum_cnt .box {margin-top: 20px; width: 100%; font-size:20px;border: 3px solid #ddd;vertical-align: middle; padding: 10px; min-height: 104px; padding-left: 90px;   background: url(http://www.gangnam.go.kr/assets/images/office_info/img/smilegn/smilegn_pancy.png) 15px center no-repeat;  border-radius: 8px;   }
.countnum_cnt .ti {font-size: 20px;  font-weight: 600;}
.countnum_cnt .con { display: table-cell; font-size: 18px; color: #333; line-height: 21px;min-width:100px; }

.countnum_cnt > table {margin:10px 0 30px;}
.countnum_cnt > table td {text-align: center;word-break: break-all;}
.countnum_cnt .txt_cnt {font-size: 14px; font-weight: 400;margin-bottom: 30px;}
.countnum_cnt .txt_cnt span {display: inline-block;padding-right:3px;}
.countnum_cnt .txt_cnt p {color: red;}

@media screen and (min-width: 600px) {
    .countnum_cnt {top:30%; margin-top: 0%;left:20%;right:20%;}
}