/* °Å·¡»ó´ã ÄÁÅÙÃ÷ºÎºÐ */
#newCounselContentsTop-Box {overflow: hidden; width: 100%; margin:0 auto; height: auto; background-color:#fff;}
#newCounselContentsMid-Box {width: 1000px; margin:80px auto 200px auto; height: auto; background-color:#fff; clear:both;}

/* ¸®½ºÆ® Å×ÀÌºí */
#tblN-CounselList-box {width:100%; padding:20px; margin:50px auto 0px auto; height:auto; text-align:center;}
.tblN-CounselList {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box; border:none; background:#fff}
.tblN-CounselList th {padding:10px 0; border-top:2px solid #666; border-bottom:1px solid #ddd; background-color:#f8f8f8; font-size:10pt; color:#444; font-weight:600; line-height:160%; letter-spacing:0.2px;}
.tblN-CounselList td {padding:10px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:9pt; color:#666; font-weight:300; line-height:160%; letter-spacing:0.2px;}
.tblN-CounselList td:nth-child(2) {text-align:left;}

.plisttop-text {font-size:11pt; color:#fff; letter-spacing:-0.2px; line-height:150%; text-align:center; padding:10px; background-color:#3d73a8; border:none; margin-bottom:20px;}

/* ÆäÀÌÁö¹øÈ£ */
#tblN-CounselList-pageNum-box {width:100%; padding:20px; margin:0 auto 200px auto; height:auto; text-align:left;}
.tblN-CounselList-pageNum-left {width:50%; text-align:left; float:left; margin:0 auto; padding:0}
.pagination-pageNum a {color: #000; padding: 4px 8px; text-decoration: none; transition: background-color .3s; font-size:9pt;}
.pagination-pageNum a.active {background-color: dodgerblue; color: #fff;}
.pagination-pageNum a:hover:not(.active) {background-color: #ddd;}
.tblN-CounselList-pageNum-right {width:50%; text-align:right; float:right; margin:0 auto; padding:0}
.CounselList-Write-btn {border: none; color: #fff; padding: 0 10px; cursor: pointer; height:28px; background-color:#000; font-size:10pt; font-weight:bold;} /* ±Û¾²±â ¹öÆ° */


/* ±Û¾²±â Å×ÀÌºí */
#tblN-CounselWrite-box {width:100%; padding:20px; margin:50px auto 0 auto; height:auto; text-align:center;}
.tblN-CounselWrite {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box; border:none; background:#fff; border-top:2px solid #666;}
.tblN-CounselWrite th {padding:10px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f8f8f8; font-size:10pt; color:#000; font-weight:300; line-height:160%; text-align:left; letter-spacing:0.2px;}
.tblN-CounselWrite td {padding:0 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:9pt; color:#666; font-weight:300; line-height:160%; letter-spacing:0.2px;}

.NCounselWrite-inputbox {width: 100%; padding:0 10px; margin:10px 0; height:28px; border: 1px solid #ccc; color:#666; font-size:9pt; border-radius: 2px; box-sizing: border-box; resize: vertical;}
.NCounselWrite-textarea {width: 100%; padding:0 10px; margin:10px 0; height:200px; border: 1px solid #ccc; color:#666; font-size:9pt; border-radius: 2px; box-sizing: border-box; resize: vertical;}

#NCounselW-btnBox  {width:100%; padding:20px; margin:10px auto; height:auto; text-align:center;}
.CounselList-List-btn {border: none; color: #fff; padding: 0 10px; cursor:pointer; margin-left:5px; height:28px; background-color:#666; font-size:10pt; font-weight:bold;} /* ¸ñ·Ïº¸±â ¹öÆ° */
.CounselList-ListOk-btn {border: none; color: #fff; padding: 0 10px; cursor: pointer; height:28px; background-color:#000; font-size:10pt; font-weight:bold;} /* È®ÀÎ ¹öÆ° */

.tblN-CounselWrite colgroup .cols-01 {width:13%;}
.tblN-CounselWrite colgroup .cols-02 {width:87%;}



@media all and (min-width: 320px) and (max-width:992px) { 
body {background-color:#fff;}
#newCounselContentsMid-Box {width: 96%; margin:0 auto; height: auto; background-color:#fff; clear:both;}
#tblN-CounselList-box {width:100%; padding:0; margin:150px auto 20px auto; height:auto; text-align:center;}
.tblN-CounselList {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box; border:none; background:#fff}
.tblN-CounselList th {padding:10px 0; border-top:2px solid #666; border-bottom:1px solid #ddd; background-color:#f8f8f8; font-size:10pt; color:#444; font-weight:600; line-height:160%; letter-spacing:0.2px;}
.tblN-CounselList td {padding:10px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:9pt; color:#666; font-weight:300; line-height:160%; letter-spacing:0.2px;}
.tblN-CounselList th:nth-child(1) {display:none;}
.tblN-CounselList th:nth-child(2) {width:80%; text-align:center;}
.tblN-CounselList th:nth-child(3) {display:none;}
.tblN-CounselList th:nth-child(4) {display:none;}
.tblN-CounselList th:nth-child(5) {width:20%; text-align:center;}
.tblN-CounselList td:nth-child(1) {display:none;}
.tblN-CounselList td:nth-child(2) {width:80%; text-align:left; line-height:150%;}
.tblN-CounselList td:nth-child(3) {display:none;}
.tblN-CounselList td:nth-child(4) {display:none;}
.tblN-CounselList td:nth-child(5) {width:20%; text-align:center;}


/* ÆäÀÌÁö¹øÈ£ */
#tblN-CounselList-pageNum-box {width:100%; padding:20px; margin:0 auto 200px auto; height:auto; text-align:left;}
.tblN-CounselList-pageNum-left {width:100%; text-align:center; margin:0 auto; padding:0}
.tblN-CounselList-pageNum-right {width:100%; text-align:center; margin:0 auto; padding:0;}
.CounselList-Write-btn {margin:40px 0 0 -40px; width:100%; border: none; color: #fff; padding: 0 10px; cursor: pointer;  text-align:center; height:35px; background-color:#000; font-size:10pt; font-weight:bold;}


/* ±Û¾²±â Å×ÀÌºí */
#tblN-CounselWrite-box {width:96%; padding:0; margin:150px auto 0 auto; height:auto; text-align:center;}
.tblN-CounselWrite {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box; border:none; background:#fff; border-top:2px solid #666;}
.tblN-CounselWrite th {padding:10px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f8f8f8; font-size:10pt; color:#000; font-weight:300; line-height:160%; text-align:left; letter-spacing:0.2px;}
.tblN-CounselWrite td {padding:0 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:9pt; color:#666; font-weight:300; line-height:160%; letter-spacing:0.2px;}

.NCounselWrite-inputbox {width: 100%; padding:0 10px; margin:10px 0; height:28px; border: 1px solid #ccc; color:#666; font-size:9pt; border-radius: 2px; box-sizing: border-box; resize: vertical;}
.NCounselWrite-textarea {width: 100%; padding:0 10px; margin:10px 0; height:200px; border: 1px solid #ccc; color:#666; font-size:9pt; border-radius: 2px; box-sizing: border-box; resize: vertical;}

#NCounselW-btnBox  {width:100%; padding:20px; margin:10px auto 50px auto; height:auto; text-align:center;}
.CounselList-List-btn {border: none; color: #fff; padding: 0 10px; cursor:pointer; margin-left:5px; height:28px; background-color:#666; font-size:10pt; font-weight:bold;} /* ¸ñ·Ïº¸±â ¹öÆ° */
.CounselList-ListOk-btn {border: none; color: #fff; padding: 0 10px; cursor: pointer; height:28px; background-color:#000; font-size:10pt; font-weight:bold;} /* È®ÀÎ ¹öÆ° */

.tblN-CounselWrite colgroup .cols-01 {width:25%;}
.tblN-CounselWrite colgroup .cols-02 {width:75%;}
}


