@charset "utf-8";

table td{font-size:14px;}

/*   CSS 재수정하기  */


/* 모바일용 */
table tr .num {width:8%;} /* 번호 */
table tr .file {width:7%;} /* 첨부 */
table tr .name {width:8%;} /* 작성자 : display:none */
table tr .nameOpen {width:8%;} /* 작성자 : display:block */
table tr .part {width:10%;} /* 분류 */
table tr .group {width:10%;} /* 구룹 */
table tr .state {width:7%;} /* 상태 */
table tr .process {width:10%;} /* 처리상태 */
table tr .date {width:12%;} /* 작성일 : display:none */
table tr .dateOpen {width:12%;} /* 작성일 : display:block */
table tr .dateWide {width:18%;} /* 작성일 : 시작일 & 종료일 */
table tr .step {width:12%;} /* 단계 */
table tr .refer {width:8%;} /* 조회 */


/*   게시판 -  분류색상   */
.pticon {display:inline-block; width:40px; min-width:35px; line-height:160%; height:18px; padding:0 3px; font-size:11px; color:#fff; text-align:center;}
.pticon.bg01 {background:#40B93F;}
.pticon.bg02 {background:#2a9d6a;}
.pticon.bg03 {background:#47BD8E;}
.pticon.bg04 {background:#2a3d9d;}

/* 버튼컬러 */
a.gray, button.gray, input.gray {border:1px solid #4D4D4D !important; background:#4D4D4D !important; color:#fff;}
a.blue, button.blue, input.blue {background:#596091 !important; color:#fff;}
a.red, button.red, input.red {border:1px solid #c8212f !important; background:#c8212f !important; color:#fff;}
a.red, button.red, input.red.pd15 {padding-right:15px; padding-left:15px;}

/* boardList */
.boardList {/*margin-bottom:30px;*/ border-top:2px solid #47BD8E; border-bottom:1px solid #a0a0a0; background:#fff;}
.boardList table thead th {line-height:18px; padding:12px 0 14px; color:#333; /*border-bottom:1px solid #a0a0a0;background:#f9f9f9 url('../images/common/bg_boardSec.gif') no-repeat 0 50%;*/ vertical-align:middle;}
.boardList table tbody td {line-height:20px; min-height:22px; height:16px; padding:10px 0; border-top:1px solid #d8d8d8; color:#4d4d4d; vertical-align:middle; text-align:center;}
.boardList table tbody td.subject {padding-left:20px; padding-right:5px; text-align:left;}
.boardList table tbody td.subject span {margin-left:5px; color:#3514af;}

/* boardView */
.boardView {overflow:hidden; margin-bottom:20px; border-top:1px solid #47BD8E;}
.boardView > ul {overflow:hidden; border-top:1px solid #47BD8E;}
.boardView > ul:first-child {border-bottom:1px solid #CFCFCF;}
.boardView > ul > li {float:left; border-top:1px solid #d8d8d8;}
.boardView > ul > li:first-child {border-top:none;}
.boardView > ul > li > strong {display:block; float:left; background:url('../images/common/bg_boardSec.gif') no-repeat 100% 50%; color:#333; vertical-align:middle;}
.boardView > ul > li > strong > span {display:inline-block; line-height:20px; min-height:20px; padding:11px 0 11px 20px;}
.boardView > ul > li > span {display:block; float:right;}
.boardView > ul > li > span > span {display:inline-block; line-height:20px; min-height:20px; padding:11px 0 11px 20px; vertical-align:middle;}
.boardView > ul > li.tit {width:100%;}
.boardView > ul > li.tit > strong {width:10.5%;}
.boardView > ul > li.tit > span {width:89.5%;}
.boardView ul.file {border-top:none; border-bottom:1px solid #a0a0a0;}
.boardView ul.file li {overflow:hidden; padding:15px 0;}
.boardView ul.file li > strong > span {padding-top:0; padding-bottom:0;}
.boardView ul.file li > span > span {padding-top:0; padding-bottom:0;}
.boardView ul.file li > span em {display:block; margin-top:6px;}
.boardView ul.file li > span em:first-child {margin-top:0;}
.boardView ul.file li > span em a {text-decoration:underline;}
.boardView .cont {line-height:170%; padding:45px 20px; border-bottom:1px solid #d8d8d8;} /* board_view Content */
.boardView .cont p {line-height:2.5em !important;}
.boardView .cont .img {margin-top:20px; text-align:center; margin-left:-20px; margin-right:-20px;}
.boardView .cont .img:first-child {margin-top:5px;}
.boardView .cont img {max-width:800px; height:100%;}

.boardView.line02 li.part {width:50%;} /* line02 : 한 줄에 컨텐츠 2개 */
.boardView.line02 li.part > strong {width:21%;}
.boardView.line02 li.part > span {width:79%;}
.boardView.line02 li.date {width:50%;}
.boardView.line02 li.date > strong {width:21%;}
.boardView.line02 li.date > span {width:79%;}

/* boardWrite */
.boardWrite {margin-bottom:30px; border-top:2px solid #585858; border-bottom:1px solid #a0a0a0; background:#fff;} 
.boardWrite > ul {overflow:hidden; width:100%;}
.boardWrite > ul > li {overflow:hidden; width:100%; border-top:1px solid #d8d8d8;}
.boardWrite > ul:first-child > li:first-child {border-top:0;}
.boardWrite > ul > li > div {float:left; vertical-align:middle;}
.boardWrite li .title {width:10.5%; line-height:20px; min-height:20px; padding:11px 0; /*background:url('../imagea/common/bg_boardSec.gif') no-repeat 100% 50%;*/}
.boardWrite li .title > span {display:inline-block; margin-left:20px; font-weight:bold;}
.boardWrite li .title > label {color:#333;}
.boardWrite li .title.wide {width:100% !important; background:#efeeee;}
.boardWrite li .cnt {width:89.5%; line-height:150%; min-height:20px; padding:10px 0;}
.boardWrite li .cnt .inbox{margin:0 20px;}
.boardWrite li .cnt .inbox button.btnSm{height:30px; font-size:12px;}
.boardWrite li .cnt .inbox input.btnSm{height:30px; font-size:12px;}
.boardWrite li .cnt .inbox a.btnSm{height:25px; line-height:25px; font-size:12px;}
.boardWrite li .cnt .inbox > p {margin-top:6px;}
.boardWrite li .cnt .inbox input.btnSm + p.add {margin-top:0;}




.boardWrite > p {line-height:190%; padding:15px 18px;}

textarea.textarea{width:98%;height:300px;}

/* 필수 입력 항목 
.star {display:inline-block; width:5px; height:4px; text-indent:-5000px; vertical-align:middle;background:url('../images/common/icon_star.gif') no-repeat 0 0;}
*/


/* tableStyle01 : td 중앙 정렬 구조 */
.tableStyle01 {margin-bottom:40px; border-top:2px solid #737373; border-bottom:1px solid #acacac;}
.tableStyle01 table {border-right:1px solid #d8d8d8;}
.tableStyle01 table thead tr th {color:#4D4D4D;padding:11px 0 12px; font-size:14px;height:19px; text-align:center; line-height:160%;border-left:1px solid #d8d8d8; border-top:none; background:#fafbfd;}
.tableStyle01 table tbody tr th.noStrong {font-weight:normal}
.tableStyle01 table tbody tr th {color:#666; border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;font-size:14px;}
.tableStyle01 table tbody tr th.pp{background:#fafbfd;color:#6163BF;}
.tableStyle01 table tbody tr td {padding:10px 0 13px; text-align:center; text-indent:10px; color:#4d4d4d;height:19px; line-height:160%;border:1px solid #d8d8d8; border-width:1px 0 0 1px;}
.tableStyle01 table tbody tr td.point{border-width:0 1px 1px 1px;border-color:#CE0000;border-style:solid;}
.tableStyle01 table tbody tr:first-child th,
.tableStyle01 table tbody tr:first-child td{border-top:1px solid #C3C3C3;} 
.tableStyle01 table tbody tr:last-child th{border-bottom:0;}

/* tableStyle02 : td 왼쪽 정렬 구조 */ 
.tableStyle02 {margin-bottom:40px; border-top:2px solid #5a4f4a; border-bottom:1px solid #acacac;}
.tableStyle02 table {border-right:1px solid #d8d8d8;}
.tableStyle02 table thead tr th {color:#333;background:#ebebeb;padding:11px 0 12px; height:19px; text-align:center; line-height:160%;border:1px solid #d8d8d8; border-top:none;border-width:1px 0 0 1px;}
.tableStyle02 table thead tr.depth th {border-top:1px solid #acacac;}
.tableStyle02 table tbody tr th {color:#333;}
.tableStyle02 table tbody tr th.noStrong {font-weight:normal}
.tableStyle02 table tbody tr td {padding:10px 16px 13px; text-align:left;height:19px; line-height:160%;color:#4d4d4d; border:1px solid #d8d8d8; border-width:1px 0 0 1px;}
.tableStyle02 table tbody tr td:first-child{font-weight:bold;background:#FDFDFD;}
.tableStyle02 table tbody tr td:first-child > ul{margin-top:15px;}
.tableStyle02 table tbody tr td:first-child > ul li{background:url("../images/common/blit2-2.gif") no-repeat left 7px;padding-left:13px;}
.tableStyle02 table tbody tr td > ul.two li{background:url("../images/common/blit3.gif") no-repeat left 7px;padding-left:13px;}
.tableStyle02 table tbody tr:first-child th,
.tableStyle02 table tbody tr:first-child td{border-left:1px solid #d8d8d8;}
.tableStyle02 table tbody tr:first-child th{height:35px;font-size:14px;background:#F5FAFD;}


.relSite table a {color:#3154af; text-decoration:underline;}

/* tableStyle03 : 상세보기 정렬 구조 */
.tableStyle03{margin-bottom:40px; border-top:1px solid #ADADAD;border-bottom:1px solid #E0E0E0;}
.tableStyle03 table caption{position:absolute;visibility:hidden; font-size:0;}
.tableStyle03 table thead th{height:40px;font-size:14px;line-height:160%;background:#fafbfd;border-bottom:1px solid #E0E0E0;border-right:1px solid #E0E0E0;}
.tableStyle03 table thead th:last-child{border-right:0;}
.tableStyle03 table tbody th{background:#f5f5f5;color:#4D4D4D;font-weight:bold;text-align:center;border-bottom:1px solid #E0E0E0;padding:0 15px;}
.tableStyle03 table tbody td{padding: 0 18px;height:45px;color:#5c5c5c;border-bottom: solid 1px #dfdfdf;border-right:1px solid #E0E0E0;}
.tableStyle03 table tbody td:last-child{border-right:0;}
.tableStyle03 table select.size60{width:60px;}
.tableStyle03 table select.size96{width:96px;}


.tbl_line{border-top:1px solid #ADADAD;}
.tbl_line.no{border-top:none;}
.tbl_line table.history th{padding:15px 0 0 15px;}
.tbl_line table.intro th > p{font-size:14px;}
.tbl_line table.intro th > span{font-size:11px;color:#9e9e9e;}
.tbl_line table th,
.tbl_line table td{border-bottom:1px solid #e4e4e4;}
.tbl_line table th{width:115px;vertical-align:top;text-align:left;padding:10px 0 10px 15px;}
.tbl_line table th strong{font-size:20px;letter-spacing:-1px;}
.tbl_line table td{padding:10px 20px;}
.tbl_line table td li{position:relative;font-size:14px;line-height:30px;}
.tbl_line table td strong{position:absolute;top:0;left:0;}
.tbl_line table td p{padding-left:50px;}
.tbl_line table td p.point{background:#EFF6FF;color:#5F81AE;font-family:ngb;padding:0 5px;margin-left:30px;}

/* add table style */
.tableStyle02 table tbody tr td.th_center{text-align:center !important;}
.tableStyle02 table tbody tr td.font_style01{font-weight:bold;background:#FDFDFD}
.tableStyle02 table tbody tr td.style_blod{font-weight:bold;}
.tableStyle02 table tbody tr td.style_color01{color:#ff0000;font-weight:bold;}
.w_line{line-height:18px;}

.introduce table tbody th{background:#fdfdfd;}


@media all and (max-width: 640px){

	/*  쓰기 -  SelectBox  */
	.boardWrite li .cnt .inbox > select.w20{width:30%;margin-top:2px;}

}

@media all and (max-width: 480px){


	/*  쓰기 -  SelectBox, 제목  */
	.boardWrite li .cnt .inbox > select.w20{width:40%;margin-top:2px;}
	.boardWrite li .title{line-height:15px;width:25%;padding-bottom:0;}
	/*  보기 -       */
	.boardView > ul > li.tit > strong{width:13%;}
	.boardView > ul > li.tit > span{width:85%;}
	.boardView > ul > li > strong{background-position:98% 62%;}
	.boardView > ul > li > strong > span, .boardView > ul > li > span > span{padding:10px 0 3px 0;}
	.boardView.line02 li.part > strong, .boardView.line02 li.date > strong{width:27%;}
	.boardView.line02 li.part > span, .boardView.line02 li.date > span{width:70%;}

}