@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------------------
BOARD COMMON
------------------------------------------------------------------------------------------------------------------*/
/* anime */
.aa
{-o-transition:all .16s cubic-bezier(.7,0,.3,1);transition:all .16s cubic-bezier(.7,0,.3,1);-webkit-transform:all .16s cubic-bezier(.7,0,.3,1);-ms-transform:all .16s cubic-bezier(.7,0,.3,1);transform:all .16s cubic-bezier(.7,0,.3,1);-webkit-transition:all .16s cubic-bezier(.7,0,.3,1);}

/* ----------------------------------------------------------------------------------------------------------------
boardSearch
------------------------------------------------------------------------------------------------------------------*/
.subContainer .containerWrap .boardSearch {margin:24px 0; padding:20px 30px; background:#f1f2f7;}
.subContainer .containerWrap .boardSearch form {}
.subContainer .containerWrap .boardSearch form fieldset {font-size:0;}
.subContainer .containerWrap .boardSearch form fieldset select {width:200px; height:42px; display:inline-block; vertical-align:bottom; font-size:16px;}
.subContainer .containerWrap .boardSearch form fieldset .inputWrap {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; width:calc(100% - 200px);}
.subContainer .containerWrap .boardSearch form fieldset .inputWrap input[type="text"] {width:calc(100% - 196px); height:42px;  margin:0 6px;}
.subContainer .containerWrap .boardSearch form fieldset .inputWrap .addon {}
.subContainer .containerWrap .boardSearch form fieldset .inputWrap .addon button {height:42px; padding:0 60px; font-size:20px; display:flex; align-items:center; white-space:nowrap;}
.subContainer .containerWrap .boardSearch form fieldset .inputWrap .addon button::before {content:''; display:block; width:23px; height:23px; background:url(../img/common/icon_sub_search.png); margin-right:4px;}
.subContainer .containerWrap .boardSearch .resultSearch {color:#004998; font-size:17px; font-weight:400; text-align:right;}

.subContainer .containerWrap .boardSearch.select_03 {}
.subContainer .containerWrap .boardSearch.select_03 form fieldset select {width:140px; margin-right:6px;}
.subContainer .containerWrap .boardSearch.select_03 form fieldset .inputWrap {width:calc(100% - 438px);}
.subContainer .containerWrap .boardSearch.select_03 form fieldset .inputWrap input[type="text"] {margin: 0 6px 0 0;}

.subContainer .containerWrap .boardSearch.variableType {display:flex; align-items:center; justify-content:space-between;}
.subContainer .containerWrap .boardSearch.variableType form {width:40%;}
.subContainer .containerWrap .boardSearch.variableType form fieldset .inputWrap {width:100%;}
.subContainer .containerWrap .boardSearch.variableType form fieldset .inputWrap .addon button {padding:0 20px;}
.subContainer .containerWrap .boardSearch.variableType form fieldset .inputWrap input[type="text"] {width:calc(100% - 106px);}
.subContainer .containerWrap .boardSearch.variableType .buttonWrap {margin:0;}
.subContainer .containerWrap .boardSearch.variableType .buttonWrap button {display:inline-flex; vertical-align:middle;}

.subContainer .containerWrap .boardSearch.dateBox {}
.subContainer .containerWrap .boardSearch.dateBox form {}
.subContainer .containerWrap .boardSearch.dateBox form fieldset {display:flex; justify-content:center;}
.subContainer .containerWrap .boardSearch.dateBox form fieldset .date {display:flex; align-items:center; margin:0 10px;}
.subContainer .containerWrap .boardSearch.dateBox form fieldset .date select {width:160px; font-size:16px; margin:0;}
.subContainer .containerWrap .boardSearch.dateBox form fieldset .date label {font-size:16px; color:#222; display:inline-flex; margin:0 16px;}

@media (max-width:992px) {
	/* boardSearch */
	.subContainer .containerWrap .boardSearch {padding:14px;}
	.subContainer .containerWrap .boardSearch form fieldset select {width:100%; margin-bottom:4px;}
	.subContainer .containerWrap .boardSearch form fieldset .inputWrap {width:calc(100% - 0px); flex-direction:column;}
	.subContainer .containerWrap .boardSearch form fieldset .inputWrap label {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; border:0; clip:rect(0,0,0,0);}
	.subContainer .containerWrap .boardSearch form fieldset .inputWrap input[type="text"] {width:calc(100% - 0px); margin:0;}
	.subContainer .containerWrap .boardSearch form fieldset .inputWrap .addon {margin-top:4px;}
	.subContainer .containerWrap .boardSearch form fieldset .inputWrap .addon button {width:calc(100% - 0px); display:flex; justify-content:center;}

	.subContainer .containerWrap .boardSearch.select_03 form fieldset label {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; border:0; clip:rect(0,0,0,0);}
	.subContainer .containerWrap .boardSearch.select_03 form fieldset select {width:100%; margin-bottom:4px;}
	.subContainer .containerWrap .boardSearch.select_03 form fieldset .inputWrap {width: calc(100% - 0px);}

	.subContainer .containerWrap .boardSearch.variableType {flex-direction:column;}
	.subContainer .containerWrap .boardSearch.variableType form {width:100%; margin-bottom:10px;}
	.subContainer .containerWrap .boardSearch.variableType form fieldset .inputWrap input[type="text"] {width:100%;}
	.subContainer .containerWrap .boardSearch.variableType .buttonWrap {display:flex; flex-direction:column;}
	.subContainer .containerWrap .boardSearch.variableType .buttonWrap button {margin-bottom:10px;}

	.subContainer .containerWrap .boardSearch.dateBox form fieldset .date {margin:0;}
	.subContainer .containerWrap .boardSearch.dateBox form fieldset .date select {width:100px;}
	.subContainer .containerWrap .boardSearch.dateBox form fieldset .date label {margin:0 10px;}

}

/* ----------------------------------------------------------------------------------------------------------------
boardList
------------------------------------------------------------------------------------------------------------------*/
.boardList {}
.boardList .listHeader {border-top:2px solid #000; border-bottom:1px solid #ddd; background:#f7f7f7;}
.boardList .listHeader {display:flex; justify-content:space-between; align-items:center; height:60px;}
.boardList .listBody ul li {display:flex; justify-content:space-between; align-items:center; height:110px; padding:5px 0px; border-bottom:1px solid #ddd; }
.boardList .listHeader .column,
.boardList .listBody ul li .column {-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; font-size:17px; text-align:center; /*border-left:1px solid #666;*/ }
.boardList .listHeader {}
.boardList .listHeader span {display:block; font-size:18px; color:#000; font-weight:400;}
.boardList .listBody {margin-bottom:50px;}
.boardList .listBody ul {}
.boardList .listBody ul li {}
.boardList .listBody ul li:hover {}
.boardList .listBody ul li .column {display:block; font-size:16px; font-weight:300; word-break:keep-all; }
.boardList .listBody ul li .column a {display:block; font-size:18px; line-height:24px; font-weight:300; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap;}
.boardList .listBody ul li .column a:hover {color:#00529b; text-decoration:underline;}
.boardList .listBody ul li .column.title {text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.boardList .listBody ul li .column.title a {font-weight:400;}
.boardList .listBody ul li .column.title em {font-size:16px; color:#999; display:none; font-style:normal;}
.boardList .listBody ul li .column.title dl {display:none;}
.boardList .listBody ul li .column.title dl dt {display:block; width:70px; font-weight:500;}
.boardList .listBody ul li .column.title dl dd {}
.boardList .listBody ul li .column a.lock {}
.boardList .listBody ul li .column a.lock:after {content:''; display:inline-block; vertical-align:middle; width:19px; height:19px; margin:0 10px; background:url(../img/board/ico_lock.png) no-repeat;}
.boardList .listBody ul li .column a.file {display:block; width:20px; height:24px; margin:0 auto; font-size:0;}
.boardList .listBody ul li .column a.file:after {content:''; display:inline-block; vertical-align:middle; width:20px; height:22px; background:url(../img/board/ico_file.png) no-repeat;}
.boardList .listBody ul li .column a.site {display:inline-block; font-size:0; width:26px; height:26px; background:url(../img/page/icon_siteLink.png)no-repeat;}
.boardList .listBody ul li .column a.site:hover {background-position:left bottom;}
.boardList .listBody ul li .column .status {display:inline-block; font-size:16px; color:#222; font-style:normal; font-weight:400; border:1px solid #666; padding:2px 10px;}

.boardList.groupSearch_Board .listBody ul li .column:nth-child(2) .status { font-size:15px; width:100%; display:block; padding:2px 4px; word-break:keep-all;} 

.boardList .listBody ul li .column .status.block {width:60px; min-width:60px; height:40px; display:flex; align-items:center; justify-content:center; float:left; margin-right:10px;}
.boardList .listBody ul li .column .status.off {color:#004998; border:1px solid #004998;}
.boardList .listBody ul li .column .status.end {color:#fff; border:none; background:#999; border-radius:10px; }
.boardList .listBody ul li .column .status.recruit {color:#fff; border:none; background:#00529b; border-radius:10px; }
.boardList .listBody ul li .column .status.planned {color:#fff; border:none; background:#7fabd3; border-radius:10px;}

.boardList .listBody ul li .column .status.catagory_01 {color:#004998; border:1px solid #004998;}
.boardList .listBody ul li .column .status.catagory_02 {color:#009475; border:1px solid #009475;}
.boardList .listBody ul li .column .status.catagory_03 {color:#ff7e00; border:1px solid #ff7e00;}
.boardList .listBody ul li .column .status.catagory_04 {color:#7822d8; border:1px solid #7822d8;}

.boardList .listBody ul li .column .status .br {display:none;}
.boardList .listBody ul li .column .originalNews {display:inline; font-size:16px; background:#01ac8f; color:#fff; font-weight:400 !important; padding:0 10px;}
.boardList .listBody ul li .column .originalNews .br {display:none;}
.boardList .listBody ul li .column .originalNews:hover {color:#fff; text-decoration:none;}
.boardList .listBody ul li.notice span {font-weight:500;}
.boardList .listBody ul li.notice span a {font-weight:500;}
.boardList .listBody ul li.notice .num {color:rgba(0,0,0,0); text-indent:-999em; font-size:0; line-height:0px;}
.boardList .listBody ul li.notice .num:before {content:''; display:block; width:37px; height:37px; margin:0 auto; background:url(../img/board/ico_notice.png) no-repeat;}
/*신중년*/
.list_box.boardList .listBody{margin-bottom: 0;}
@media (max-width:992px) {
	.list_box.boardList .listHeader {display: flex; width:990px;}
  .list_box.boardList.listBody{width:990px;}
	.boardList .listHeader {display:none;}
	.boardList .listBody {border-top:2px solid #000;}
	.boardList .listBody ul li {height:auto; padding:10px 0;}
	.boardList .listBody ul li .column.title {white-space:unset;}
	.boardList .listBody ul li .column.title em {display:inline-block; margin-top:2px; margin-right:10px;}
	.boardList .listBody ul li .column.title dl {display:flex; margin-top:2px; clear:both;}
	.boardList .listBody ul li .column a {display:block; white-space:unset; word-break:break-all;}
	
}


@media (max-width:767px) {	
	
	.boardList .listBody ul li .column.title em {display:block; margin-bottom:10px; margin-right:0px;} 
	.boardList .listBody ul li .column.title em br { display:none;}
	.boardList .listBody ul li .column a { width:100%; line-height:22px; word-break:keep-all;}
	.boardList .listBody ul li .column.title dl dd {width:calc(100% - 80px);}
	.boardList .listBody ul li .column.title dl dt,
	.boardList .listBody ul li .column.title dl dd { vertical-align:top;}
	.boardList .listBody ul li .column.title dl dt, 
  .list_box .listBody ul li .column.title dl dd{
    display: flex;
    justify-content: center;
  }

  .list_box.boardList .listBody ul li .column.title dl dd{width:auto;}
}

/* --------------------------------------------------------
boadThumbList
----------------------------------------------------------*/
/* boadThumbList */
.boadThumbList {border-top:2px solid #000;}
.boadThumbList .listBody {margin:0 -7px;}
.boadThumbList .listBody ul {font-size:0;}
.boadThumbList .listBody ul li {display:inline-block; vertical-align:top; width:calc(33.3333% - 0px); border-bottom:1px solid #dddddd; box-sizing:border-box; position:relative; margin:30px 0 0;}

.boadThumbList .listBody ul li a {display:block; height:inherit; padding:0 7px; box-sizing:border-box;}
.boadThumbList .listBody ul li a .thumb {display:block; height:200px; overflow:hidden;}
.boadThumbList .listBody ul li a .thumb img {width:100%; }
.boadThumbList .listBody ul li a .info {display:block; padding:20px 0;}
.boadThumbList .listBody ul li a .info strong {font-size:20px; line-height:24px; font-weight:400; color:#222; display:block; margin-bottom:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boadThumbList .listBody ul li a:hover  .info strong {color:#00529b;}
.boadThumbList .listBody ul li a .info .date {margin-bottom:10px; display:flex; align-items:center;}
.boadThumbList .listBody ul li a .info .date span {font-size:18px; color:#555;}
.boadThumbList .listBody ul li a .info .date hr {width:1px; height:12px; background:#ddd; margin:0 10px;}

@media (max-width:992px) {
	
	.boadThumbList .listBody ul li {width:50%; margin:20px 0 0;}
	.boadThumbList .listBody ul li a .info {padding:10px 0 20px;}
	
}


@media (max-width:767px) {
	
	.boadThumbList .listBody ul li {width:100%;} 
	.boadThumbList .listBody ul li a .thumb { height:auto;}
	.boadThumbList .listBody ul li a .info strong {font-size:19px;}
	.boadThumbList .listBody ul li a .info .date span {font-size:17px;}
}

/* --------------------------------------------------------
pagination
----------------------------------------------------------*/
.pagination {margin:10px 0; font-size:0px; text-align:center; line-height:normal;}
.pagination a {display:inline-block; position:relative; z-index:2; width:36px; line-height:36px; height:36px; margin:0 3px; border:1px solid #dfdfdf; background:#FFF; color:#000; font-size:16px; text-decoration:none; text-align:center; vertical-align:middle; word-spacing:0px; letter-spacing:0px;}
.pagination a:focus,
.pagination a:hover {background:#eee; color:#767676;}
.pagination a.active {z-index:3; border:1px solid #424242; background:#424242; color:#fff;}
.pagination a.arrow {text-indent:-999em; background:url(../img/board/board_paging.png) no-repeat;}
.pagination a.arrow:focus,
.pagination a.arrow:hover {background:url(../img/board/board_paging.png)#eee no-repeat;}
.pagination a.arrow.start {background-position:0 0;}
.pagination a.arrow.prev {background-position:-34px 0; margin-right:18px;}
.pagination a.arrow.next {background-position:-68px 0; margin-left:18px;}
.pagination a.arrow.end {background-position:-102px 0;}
.pagination.mobileOn {display:none;}
.pagination.mobileOn .pageNum {display:inline-block; vertical-align:middle; text-align:center; width:100px; font-size:16px;}
.pagination.mobileOn .pageNum strong {font-size:18px; color:#000;}
.pagination.mobileOn a.arrow.prev {background-position:-34px 0; margin-right:0;}
.pagination.mobileOn a.arrow.next {background-position:-68px 0; margin-left:0;}

@media (max-width:1000px) {
	.pagination.mobileOn {display:block;}
	.pagination.pcOn {display:none;}
}


/* --------------------------------------------------------
boardRead
----------------------------------------------------------*/
.boardRead {}
.boardRead.replyWrap {margin-top:0;}
.boardRead.replyWrap .boardReadHeader {border-top:0;}
.boardRead.replyWrap .boardReadHeader .title {display:flex; align-items:center; justify-content:space-between; padding:0 20px;}
.boardRead.replyWrap .boardReadHeader .title h4 {margin:0; text-align:left;}

/* boardReadHeader */
.boardRead .boardReadHeader {border-top:2px solid #000; border-bottom: 1px solid #ddd; background:#f7f7f7; padding:20px 0;}
.boardRead .boardReadHeader .title {padding:0 30px; box-sizing:border-box; text-align:center;}
.boardRead .boardReadHeader .title h4 { display:block; align-items:center; font-size:20px; line-height:24px; color:#222; font-weight:400; margin-bottom:10px; word-break:keep-all;}
.boardRead .boardReadHeader .title .date {display:flex; justify-content:center;}
.boardRead .boardReadHeader .title .date span {display:block;  font-size:16px; color:#666; line-height:16px; margin:0 10px; border-left:1px solid #b3b3b3; margin-left:10px; padding-left:10px;}
.boardRead .boardReadHeader .title .date span:first-child {border-left:0;}

/* boardReadFile */
.boardRead .boardReadFile {background:#fff; padding:10px 0; border-bottom:1px solid #ddd;}
.boardRead .boardReadFile .addon {display:flex; align-items:center; position:relative; font-size:16px; margin:6px 0; line-height:24px;;}
.boardRead .boardReadFile .addon strong {display:block; color:#222; width:66px; text-align:center; font-weight:500;}
.boardRead .boardReadFile .addon a {font-weight:400; font-size:16px; color:#222; width:calc(100% - 70px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boardRead .boardReadFile .addon span {color:#666;}
.boardRead .boardReadFile p a:hover {color:#00529b; text-decoration:underline;}

/* boardReadGallery */
.boardRead .boardReadGallery {background:#fff;}
.boardRead .boardReadGallery .readSlider {margin:30px 0; position:relative;}
.boardRead .boardReadGallery .readSlider .bx-wrapper {width:816px; margin:0 auto;}
.boardRead .boardReadGallery .readSlider .bx-wrapper ul {text-align:center;}
.boardRead .boardReadGallery .readSlider .bx-wrapper ul li {}
.boardRead .boardReadGallery .readSlider .bx-wrapper ul li img {width:100%;}
.boardRead .boardReadGallery .readSlider .btnArrow {width:70px; height:70px; background:url(../img/page/sliderArrow.png)no-repeat center; font-size:0; position:absolute; top:50%; transform:translate(0, -50%); z-index:2;}
.boardRead .boardReadGallery .readSlider .btnArrow.before {left:0;}
.boardRead .boardReadGallery .readSlider .btnArrow.after {right:0; transform:rotate(180deg) translate(0, 50%)}

.boardRead .boardReadGallery .bxPager {padding:12px; box-sizing:border-box; background:#f7f7f7; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:0;}
.boardRead .boardReadGallery .bxPager a {display:inline-block; width:calc(20% - 28px); height:91px; margin:14px; text-align:center;}
.boardRead .boardReadGallery .bxPager a.active img {outline:3px solid #00ab8e; outline-offset:-3px;}
.boardRead .boardReadGallery .bxPager a img {width:164px; height:91px;}

@media (max-width:992px) {
	.boardRead .boardReadGallery .readSlider .bx-wrapper {width:calc(100% - 120px);}
	.boardRead .boardReadGallery .bxPager a {width:calc(25% - 28px);}
}

@media (max-width:768px) {
	.boardRead .boardReadGallery .bxPager a {width:calc(33.3% - 28px);}
	.boardRead .boardReadHeader .title { padding:0px 10px;}
	.boardRead .boardReadHeader .title h4 { font-size:18px;}
}

@media (max-width:576px) {
	.boardRead .boardReadGallery .bxPager {padding:12px 0;}
	.boardRead .boardReadGallery .bxPager a {width:calc(50% - 28px); height:auto;}
	.boardRead .boardReadGallery .bxPager a img {width:100%; height:auto;}
}

/* replyWrap */
.boardRead .boardReadHeader .title h4 .replay { display:inline-block; width:36px; min-width:36px; height:36px; line-height:36px; text-align:center; background:#009475; color:#fff; margin-right:10px; font-size:16px; font-weight:600; border-radius:50%;}
/* boardReadData */
.boardReadData {padding:20px 16px; border-bottom:1px solid #ddd;}
.boardReadData .readText {}
.boardReadData .readText .contenstImg {display:block; max-width:1220px; margin:10px auto;}
.boardReadData .readText p {font-size:16px; color:#000; line-height:30px;}

/* boardRead_N_Content */
.boardRead .boardRead_N_Content {border-bottom:1px solid #ddd; height:50px;}
.boardRead .boardRead_N_Content .line {width:1px; height:24px; background:#b3b3b3;}
.boardRead .boardRead_N_Content span {width:49%;}
.boardRead .boardRead_N_Content span em {font-size:16px; color:#999; padding:0 20px; font-style:normal;}
.boardRead .boardRead_N_Content span a.content {display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:64%; text-align:right;}
.boardRead .boardRead_N_Content span a.content:hover {}
.boardRead .boardRead_N_Content span .prev,
.boardRead .boardRead_N_Content span .next {margin:0 10px; display:flex; align-items:center; font-size:16px; font-weight:500;}
.boardRead .boardRead_N_Content span .next:after,
.boardRead .boardRead_N_Content span .prev:before {content:''; display:inline-block; vertical-align:bottom; margin:7px; width:9px; height:16px; background:url(../img/board/ico_arrow.png) no-repeat;}
.boardRead .boardRead_N_Content span .next:after {transform:rotate(180deg);}
.boardRead .boardRead_N_Content span .prev ~ .content {text-align:left;}
.boardRead .boardRead_N_Content span .next {order:2; float:right;}

.boardRead .titleArea {margin:46px 0 20px 0; position:relative;}
.boardRead .titleArea::before {content:''; display:block; width:40px; height:8px; border-radius:10px; background:linear-gradient(90deg, rgba(37,183,159,1) 0%, rgba(2,97,174,1) 100%); position:absolute; top:-16px; left:0;}
.boardRead .titleArea .status {display:inline-block; font-size:16px; color:#222; font-style:normal; float:left; margin-right:10px; font-weight:400; border:1px solid #666; padding:3px 20px}
.boardRead .titleArea .status.end {color:#222; border:1px solid #666;}
.boardRead .titleArea .status.recruit {color:#0b987b; border:1px solid #009475;}
.boardRead .titleArea .status.planned {color:#004998; border:1px solid #004998;}
.boardRead .titleArea strong {font-size:24px;}
.boardRead .readBox {padding:28px; line-height:normal; box-sizing:border-box; border-bottom:1px solid #ddd;}


@media (max-width:992px) {
	.boardRead.replyWrap .boardReadHeader .title .date {display:none;}
	.boardRead .boardRead_N_Content span em,
	.boardRead .boardRead_N_Content span a.content {display:none;}
	.boardRead .titleArea strong {font-size:20px; display:block; margin-top:4px;}
	.boardRead .titleArea .status {float: none;}
}

/* ----------------------------------------------------------------------------------------------------------------
boadWrite - fakeTable
------------------------------------------------------------------------------------------------------------------*/
/* fakeTable */
.fakeTable {border-top:2px solid #000; margin-bottom:24px; font-size:0;}
.fakeTable dl {display:flex; font-size:0; border-bottom:1px solid #ddd;}
.fakeTable dl dt,
.fakeTable dl dd {font-size:16px; padding:8px; box-sizing:border-box;}
.fakeTable dl dt {display:flex; align-items:center; justify-content:center; text-align:center; width:22%; font-weight:400; }
.fakeTable dl dd {display:flex; align-items:center; justify-content:flex-start; width:calc(100% - 16%); overflow:hidden; font-weight:300; text-overflow:ellipsis; /*white-space:nowrap;*/ }
.fakeTable dl dd .catagory {width:210px;}
.fakeTable dl dd .password {width:210px;}
.fakeTable dl dd .opt {margin-right:20px;}
.fakeTable dl dd .guide {font-size:16px; display:flex;}
.fakeTable dl dd .guide::before {content:''; display:block; width:22px; height:22px; text-align:center; font-weight:bold; margin-right:6px; background:url(../img/board/ico_guide.png)no-repeat #000; color:#fff; border-radius:50%;}
.fakeTable dl dd ul.dot {padding-left:18px;}
.fakeTable dl dd ul.dot li {font-size:16px; line-height:20px; color:#555; position:relative; display:block; margin:4px 0;}
.fakeTable dl dd ul.dot li::before {content:""; display:block; width:4px; height:4px; background:#000; position:absolute; top:8px; left:-14px;}

.fakeTable dl.file {}
.fakeTable dl.file dd {flex-direction:column; align-items:flex-start;}
.fakeTable dl.file dd .inputFile {margin:4px 0; position:relative;}
.fakeTable dl.file dd .inputFile .filePlus {position:absolute; top:1px; right:-160px;}
.fakeTable dl.textBox {}
.fakeTable dl.textBox dt,
.fakeTable dl.textBox dd {height:inherit;}
.fakeTable dl.textBox dd textarea {height:430px;}
.fakeTable dl.password {}
.fakeTable dl.password dd {}
.fakeTable dl.keyword dd input { margin-right:10px;}
.fakeTable dl.keyword dd input:last-child { margin-right:0px;}

.fakeTable dl.phone dd input { margin:0px 10px; width:25%;}
.fakeTable dl.phone dd input:nth-of-type(1) { margin-left:0px;}
.fakeTable dl.phone dd input:last-child { margin-right:0px;}
.fakeTable dl.phone dd .disBox { display:inline-block;}
.fakeTable dl.phone dd .disBox .opt { display:inline-block;}

.fakeTable.teacherSearch fieldset {display:flex; flex-flow:row wrap;}
.fakeTable dl.half {display:inline-block; width:50%;}
.fakeTable dl.half dt {display:inline-flex; width:32%;}
.fakeTable dl.half dd {display:inline-flex; width:calc(100% - 32%);}
.fakeTable dl.editBalance {min-height:63px;}
.fakeTable dl.optBox dd {display:inline-block; vertical-align:middle; white-space:normal;}
.fakeTable dl.optBox dd .opt {display:inline-block; vertical-align:top;}

.fakeTable.read {margin:0; clear: both;}
.fakeTable.read dl {}
.fakeTable.read dl dt,
.fakeTable.read dl dd {padding:10px 8px; font-size:16px;}
.fakeTable.read dl dt {background:#f7f7f7;}
.fakeTable.read dl dd {}
.fakeTable.read dl dd .date {display:block;}
.fakeTable.read dl dd .date em {font-style:normal; display:block;}

.fakeTable.landscape {margin:0; clear:both; display:flex; border-top:1px solid #000;}
.fakeTable.landscape dl {flex-direction:column; width:50%; border-left:1px solid #ddd;}
.fakeTable.landscape dl dt,
.fakeTable.landscape dl dd {padding:10px 16px; font-size:17px; line-height:22px; width:100%; border-bottom:1px solid #ddd; white-space:normal; font-weight:400;}
.fakeTable.landscape dl dd:last-child {border-bottom:1px solid #000;}
.fakeTable.landscape dl dt {background:#f7f7f7; padding:16px;}
.fakeTable.landscape dl:first-child {border-left:0;}

.fakeTable .innerBox {}
.fakeTable .innerBox dt {}
.fakeTable .innerBox dd {flex-direction:column;}
.fakeTable .innerBox dd .addItemWrap {width:100%; display:flex; justify-content:flex-end;}
.fakeTable .innerBox dd .workWrap {display:flex; width:100%;}
.fakeTable .innerBox dd .workWrap .workBox {display:flex; width:50%;}
.fakeTable .innerBox dd .workWrap .workBox dl {flex-direction:column; border-bottom:1px solid #222; width:50%;}
.fakeTable .innerBox dd .workWrap .workBox dl.statusName {width:100%;}
.fakeTable .innerBox dd .workWrap .workBox dl dt {display:flex; width:100%; height:60px; background:#f1f2f7; border-top:1px solid #222; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.fakeTable .innerBox dd .workWrap .workBox dl dd {width:100%; min-height:52px; border-left:1px solid #ddd;}
.fakeTable .innerBox dd .workWrap .workBox dl dd .btnDelete {margin:6px 0;}
.fakeTable .innerBox dd .workWrap .workBox:first-child dl:first-child dt,
.fakeTable .innerBox dd .workWrap .workBox:first-child dl:first-child dd {border-left:0;}

.fakeTable .innerBox dd .workWrap .workBox:last-child dl:last-child {width:60px;}

.fakeTable .innerBox dd .fileWrap {width:100%; padding:10px 0 0;}
.fakeTable .innerBox dd .fileWrap .desc {white-space:normal;}
.fakeTable .innerBox dd .fileWrap .desc li {font-size:15px; color:#d32027; padding-left:20px; position:relative;}
.fakeTable .innerBox dd .fileWrap .desc li::before {content:"※"; display:block; position:absolute; top:0; left:0;}


@media (max-width:992px) {
	.fakeTable dl dt {font-size:16px; min-width:76px;}
	.fakeTable dl dd {width:calc(100% - 16%);}
	.fakeTable dl dd .catagory {width:100%;}
	.fakeTable dl dd .guide {margin-left:0; margin-top:10px;}
	.fakeTable dl.textBox dt {display:none;}
	.fakeTable dl.textBox dd {width:100%;}
	.fakeTable dl.textBox dd textarea {height:200px;}
	.fakeTable dl.password dd {flex-direction:column; align-items:flex-start;}
	.fakeTable dl.file dd .inputFile {}
	.fakeTable dl.file dd .inputFile label {}
	.fakeTable dl.file dd .inputFile label strong {display:none;}
	.fakeTable dl.file dd .inputFile input + label span {width:100%;}
	.fakeTable dl.file dd .inputFile .filePlus {right:-42px;}

	.fakeTable dl.half {display:inline-block; width:100%; min-height:auto;}
	.fakeTable dl.half dt {display:inline-flex; width:16%;}
	.fakeTable dl.half dd {display:inline-flex; width:calc(100% - 16%);}

	.fakeTable .innerBox {flex-direction:column;}
	.fakeTable .innerBox dd {width:100%;}
	.fakeTable .innerBox dd .workWrap {flex-direction:column;}
	.fakeTable .innerBox dd .workWrap .workBox {width:100%;}
	.fakeTable .innerBox dd .workWrap .workBox dl {}
	.fakeTable .innerBox dd .workWrap .workBox:last-child dl:last-child {width:auto;}

	.fakeTable .innerBox dd .fileWrap .inputFile label strong {display:none;}
	.fakeTable .innerBox dd .inputFile input + label span {width:100%;}

	.fakeTable.landscape {flex-direction:column; border-left:1px solid #ddd; border-right:1px solid #ddd;}
	.fakeTable.landscape dl {width:100%; border-left:0;}
	
	.fakeTable dl.keyword dd,
	.fakeTable dl.keyword dd input { display:block;}
	.fakeTable dl.keyword dd input { margin-right:0px; margin-bottom:10px;}
	.fakeTable dl.keyword dd input:last-child { margin-bottom:0px;}
	
	.fakeTable dl.phone dd input {width:30%;}
	.fakeTable dl.phone dd,
	.fakeTable dl.phone dd .disBox { display:block;}
	.fakeTable dl.phone dd .disBox { margin:5px 0px;}
	.fakeTable dl.phone dd input { margin:0px 2px;}

}
@media (max-width:690px) {
  .fakeTable dl{flex-direction: column;}
  .fakeTable dl dt{width: 100%; justify-content: left; text-align: left; }
  .fakeTable dl dd{max-width: 100%; width: 100%;}
  .fakeTable dl dd.f_box{flex-direction: column; align-items: flex-start;}
  .fakeTable fieldset{min-inline-size:auto;}
  .fakeTable table{min-width: 600px;}
}
@media (max-width:516px) {
	.fakeTable dl.half dd {display:inline-flex; width:calc(100% - 26%);}
	.fakeTable dl.optBox dd {display:inline-block;}
	.fakeTable .buttonWrap .button.prime {width:100%; margin:0; justify-content:center;}

}



/* ----------------------------------------------------------------------------------------------------------------
boardList - columnSize
------------------------------------------------------------------------------------------------------------------*/
/* type_A_Board */
.boardList.type_A_Board {}
.boardList.type_A_Board .listHeader .column:nth-child(1),
.boardList.type_A_Board .listBody ul li .column:nth-child(1) {width:90px;}
.boardList.type_A_Board .listHeader .column:nth-child(2),
.boardList.type_A_Board .listBody ul li .column:nth-child(2) {width:calc(61% - 90px);}
.boardList.type_A_Board .listHeader .column:nth-child(3),
.boardList.type_A_Board .listBody ul li .column:nth-child(3) {width:13%;}
.boardList.type_A_Board .listHeader .column:nth-child(4),
.boardList.type_A_Board .listBody ul li .column:nth-child(4) {width:13%;}
.boardList.type_A_Board .listHeader .column:nth-child(5),
.boardList.type_A_Board .listBody ul li .column:nth-child(5) {width:13%;}

@media (max-width:992px) {
	.boardList.type_A_Board .listHeader .column:nth-child(1),
	.boardList.type_A_Board .listBody ul li .column:nth-child(1) {display:none;}
	.boardList.type_A_Board .listHeader .column:nth-child(2),
	.boardList.type_A_Board .listBody ul li .column:nth-child(2) {width:calc(100% - 0px);}
	.boardList.type_A_Board .listHeader .column:nth-child(3),
	.boardList.type_A_Board .listBody ul li .column:nth-child(3),
	.boardList.type_A_Board .listHeader .column:nth-child(4),
	.boardList.type_A_Board .listBody ul li .column:nth-child(4),
	.boardList.type_A_Board .listHeader .column:nth-child(5),
	.boardList.type_A_Board .listBody ul li .column:nth-child(5) {display:none;}
}



/* ----------------------------------------------------------------------------------------------------------------
02. 주요사업
------------------------------------------------------------------------------------------------------------------*/



/* ----------------------------------------------------------------------------------------------------------------
03. 학습네트워크
------------------------------------------------------------------------------------------------------------------*/
/* eduCity_Board */
.boardList.eduCity_Board {}
.boardList.eduCity_Board .listHeader .column:nth-child(1),
.boardList.eduCity_Board .listBody ul li .column:nth-child(1) {width:12%;}

.boardList.eduCity_Board .listHeader .column:nth-child(2),
.boardList.eduCity_Board .listBody ul li .column:nth-child(2) {width:calc(100% - 54%);}
.boardList.eduCity_Board .listHeader .column:nth-child(3),
.boardList.eduCity_Board .listBody ul li .column:nth-child(3) {width:10%;}
.boardList.eduCity_Board .listHeader .column:nth-child(4),
.boardList.eduCity_Board .listBody ul li .column:nth-child(4) {width:10%;}
.boardList.eduCity_Board .listHeader .column:nth-child(5),
.boardList.eduCity_Board .listBody ul li .column:nth-child(5) {width:22%;}


.boardList.eduCity_Board .listBody ul li .column.date {}
.boardList.eduCity_Board .listBody ul li .column.date dl {line-height:24px;}
.boardList.eduCity_Board .listBody ul li .column.date dl dt,
.boardList.eduCity_Board .listBody ul li .column.date dl dd {margin:0 6px;}
.boardList.eduCity_Board .listBody ul li .title {display:flex; align-items:center;}
.boardList.eduCity_Board .listBody ul li .title a {word-break:keep-all; white-space:normal; font-size:17px; line-height:22px;}

@media (max-width:992px) {
	
	.boardList.eduCity_Board .listBody ul li:hover {background:none;}
	.boardList.eduCity_Board .listBody {border-top:0;}
	.boardList.eduCity_Board .listBody ul li {border:1px solid #dddddd; margin-bottom:20px; padding:0; flex-direction:column; align-items:flex-start;}
	.boardList.eduCity_Board .listHeader .column:nth-child(1),
	.boardList.eduCity_Board .listBody ul li .column:nth-child(1) {display:none;}

	.boardList.eduCity_Board .listHeader .column:nth-child(2),
	.boardList.eduCity_Board .listBody ul li .column:nth-child(2) {display:block; width:100%; padding:10px; box-sizing:border-box;}
	.boardList.eduCity_Board .listHeader .column:nth-child(3),
	.boardList.eduCity_Board .listBody ul li .column:nth-child(3),
	.boardList.eduCity_Board .listHeader .column:nth-child(4),
	.boardList.eduCity_Board .listBody ul li .column:nth-child(4) {display:none;}
	.boardList.eduCity_Board .listHeader .column:nth-child(5),
	.boardList.eduCity_Board .listBody ul li .column:nth-child(5) {width:100%; background: #f1f2f7; padding:10px 6px; box-sizing:border-box;}

	.boardList.eduCity_Board .listBody ul li .title a {height:50px; margin-bottom:10px; font-weight:500;}
}


@media (max-width:767px) {	
	 
	.boardList.eduCity_Board .listBody ul li .title a {height:auto;}
}


/* agencySearch_Board */
.boardList.agencySearch_Board {}
.boardList.agencySearch_Board .listHeader .column:nth-child(1),
.boardList.agencySearch_Board .listBody ul li .column:nth-child(1) {width:10%;}
.boardList.agencySearch_Board .listHeader .column:nth-child(2),
.boardList.agencySearch_Board .listBody ul li .column:nth-child(2) {width:10%;}
.boardList.agencySearch_Board .listHeader .column:nth-child(3),
.boardList.agencySearch_Board .listBody ul li .column:nth-child(3) {width:20%;}
.boardList.agencySearch_Board .listBody ul li .column:nth-child(3) {word-break:normal; padding:0px 10px; box-sizing:border-box;}
.boardList.agencySearch_Board .listHeader .column:nth-child(4),
.boardList.agencySearch_Board .listBody ul li .column:nth-child(4) {width:32%;}
.boardList.agencySearch_Board .listHeader .column:nth-child(5),
.boardList.agencySearch_Board .listBody ul li .column:nth-child(5) {width:14%;}
.boardList.agencySearch_Board .listHeader .column:nth-child(6),
.boardList.agencySearch_Board .listBody ul li .column:nth-child(6) {width:14%;}
.boardList.agencySearch_Board .listBody ul li .title a {word-break:keep-all; white-space:normal;}

@media (max-width:992px) {
	.boardList.agencySearch_Board .listBody ul li:hover {background:none;}
	.boardList.agencySearch_Board .listBody {border-top:0;}
	.boardList.agencySearch_Board .listBody ul li {border:1px solid #dddddd; margin-bottom:20px; padding:10px; flex-direction:column; align-items:flex-start; position:relative;}
	.boardList.agencySearch_Board .listHeader .column:nth-child(1),
	.boardList.agencySearch_Board .listBody ul li .column:nth-child(1),
	.boardList.agencySearch_Board .listHeader .column:nth-child(2),
	.boardList.agencySearch_Board .listBody ul li .column:nth-child(2),
	.boardList.agencySearch_Board .listHeader .column:nth-child(3),
	.boardList.agencySearch_Board .listBody ul li .column:nth-child(3) {display:none;}
	.boardList.agencySearch_Board .listHeader .column:nth-child(4),
	.boardList.agencySearch_Board .listBody ul li .column:nth-child(4) {width:calc(100% - 40px);}
	.boardList.agencySearch_Board .listHeader .column:nth-child(5),
	.boardList.agencySearch_Board .listBody ul li .column:nth-child(5) {display:none;}
	.boardList.agencySearch_Board .listHeader .column:nth-child(6),
	.boardList.agencySearch_Board .listBody ul li .column:nth-child(6) {width:auto; position:absolute; top:10px; right:10px;}

}

/* groupSearch_Board */
.boardList.groupSearch_Board {}
.boardList.groupSearch_Board .listHeader .column:nth-child(1),
.boardList.groupSearch_Board .listBody ul li .column:nth-child(1) {width:22.6%; text-align:center;}
.boardList.groupSearch_Board .listHeader .column:nth-child(2),
.boardList.groupSearch_Board .listBody ul li .column:nth-child(2) {width:14%; padding:0px 10px; box-sizing:border-box;}
.boardList.groupSearch_Board .listHeader .column:nth-child(3),
.boardList.groupSearch_Board .listBody ul li .column:nth-child(3) {width:12.6%;}
.boardList.groupSearch_Board .listHeader .column:nth-child(4),
.boardList.groupSearch_Board .listBody ul li .column:nth-child(4) {width:12.6%;}
.boardList.groupSearch_Board .listHeader .column:nth-child(5),
.boardList.groupSearch_Board .listBody ul li .column:nth-child(5) {width:16.6%;}
.boardList.groupSearch_Board .listHeader .column:nth-child(6),
.boardList.groupSearch_Board .listBody ul li .column:nth-child(6) {width:16.6%;}
.boardList.groupSearch_Board .listBody ul li .title a {word-break:keep-all; white-space:normal;}

@media (max-width:992px) {
	.boardList.groupSearch_Board .listBody ul li:hover {background:none;}
	.boardList.groupSearch_Board .listBody {border-top:0;}
	.boardList.groupSearch_Board .listBody ul li {border:1px solid #dddddd; margin-bottom:20px; padding:10px; flex-direction:column; align-items:flex-start; position:relative;}
	.boardList.groupSearch_Board .listHeader .column:nth-child(1),
	.boardList.groupSearch_Board .listBody ul li .column:nth-child(1) {width:100%; text-align:left;}
	.boardList.groupSearch_Board .listHeader .column:nth-child(2),
	.boardList.groupSearch_Board .listBody ul li .column:nth-child(2),
	.boardList.groupSearch_Board .listHeader .column:nth-child(3),
	.boardList.groupSearch_Board .listBody ul li .column:nth-child(3),
	.boardList.groupSearch_Board .listHeader .column:nth-child(4),
	.boardList.groupSearch_Board .listBody ul li .column:nth-child(4),
	.boardList.groupSearch_Board .listHeader .column:nth-child(5),
	.boardList.groupSearch_Board .listBody ul li .column:nth-child(5),
	.boardList.groupSearch_Board .listHeader .column:nth-child(6),
	.boardList.groupSearch_Board .listBody ul li .column:nth-child(6) {display:none;}
	.boardList.groupSearch_Board .listBody ul li .status {float:left; margin-top:0; margin-bottom:10px;}
	.boardList.groupSearch_Board .listBody ul li .title a {font-weight:500;}

}


/* ----------------------------------------------------------------------------------------------------------------
04. 강사은행
------------------------------------------------------------------------------------------------------------------*/
/* teacherSearch_Board */
.boardList.teacherSearch_Board {}
.boardList.teacherSearch_Board .listHeader .column:nth-child(1),
.boardList.teacherSearch_Board .listBody ul li .column:nth-child(1) {width:40%; text-align:center;}
.boardList.teacherSearch_Board .listHeader .column:nth-child(2),
.boardList.teacherSearch_Board .listBody ul li .column:nth-child(2) {width:15%;}
.boardList.teacherSearch_Board .listHeader .column:nth-child(3),
.boardList.teacherSearch_Board .listBody ul li .column:nth-child(3) {width:15%;}
.boardList.teacherSearch_Board .listHeader .column:nth-child(4),
.boardList.teacherSearch_Board .listBody ul li .column:nth-child(4) {width:15%;}
.boardList.teacherSearch_Board .listHeader .column:nth-child(5),
.boardList.teacherSearch_Board .listBody ul li .column:nth-child(5) {width:15%;}

.boardList.teacherSearch_Board .listBody ul li .title a {word-break:keep-all; white-space:normal;}

@media (max-width:992px) {
	.boardList.teacherSearch_Board .listBody ul li:hover {background:none;}
	.boardList.teacherSearch_Board .listBody {border-top:0;}
	.boardList.teacherSearch_Board .listBody ul li {border:1px solid #dddddd; margin-bottom:20px; padding:10px; flex-direction:column; align-items:flex-start; position:relative;}
	.boardList.teacherSearch_Board .listHeader .column:nth-child(1),
	.boardList.teacherSearch_Board .listBody ul li .column:nth-child(1) {width:100%; text-align:left;}
	.boardList.teacherSearch_Board .listHeader .column:nth-child(2),
	.boardList.teacherSearch_Board .listBody ul li .column:nth-child(2),
	.boardList.teacherSearch_Board .listHeader .column:nth-child(3),
	.boardList.teacherSearch_Board .listBody ul li .column:nth-child(3),
	.boardList.teacherSearch_Board .listHeader .column:nth-child(4),
	.boardList.teacherSearch_Board .listBody ul li .column:nth-child(4),
	.boardList.teacherSearch_Board .listHeader .column:nth-child(5),
	.boardList.teacherSearch_Board .listBody ul li .column:nth-child(5) {display:none;}
	.boardList.teacherSearch_Board .listBody ul li .title a {font-weight:500; margin-bottom:10px;}
	.boardList.teacherSearch_Board .listBody ul li .column:nth-child(1) dl dt {width:100px;}

}

/* ----------------------------------------------------------------------------------------------------------------
05. 알림마당
------------------------------------------------------------------------------------------------------------------*/
/* news_Board */
.boardList.news_Board {}
.boardList.news_Board .listHeader .column:nth-child(1),
.boardList.news_Board .listBody ul li .column:nth-child(1) {width:90px;}
.boardList.news_Board .listHeader .column:nth-child(2),
.boardList.news_Board .listBody ul li .column:nth-child(2) {width:10%;}
.boardList.news_Board .listHeader .column:nth-child(3),
.boardList.news_Board .listBody ul li .column:nth-child(3) {width:calc(61% - 90px);}
.boardList.news_Board .listHeader .column:nth-child(4),
.boardList.news_Board .listBody ul li .column:nth-child(4) {width:13%;}
.boardList.news_Board .listHeader .column:nth-child(5),
.boardList.news_Board .listBody ul li .column:nth-child(5) {width:13%;}
.boardList.news_Board .listBody ul li .column .originalNews {min-width:80px;}

@media (max-width:992px) {
	
	.boardList.news_Board .listHeader .column:nth-child(1),
	.boardList.news_Board .listBody ul li .column:nth-child(1) {display:none;}
	.boardList.news_Board .listHeader .column:nth-child(2),
	.boardList.news_Board .listBody ul li .column:nth-child(2) {width:10%;}
	.boardList.news_Board .listHeader .column:nth-child(3),
	.boardList.news_Board .listBody ul li .column:nth-child(3) {width:calc(90% - 80px);}
	.boardList.news_Board .listHeader .column:nth-child(4),
	.boardList.news_Board .listBody ul li .column:nth-child(4),
	.boardList.news_Board .listHeader .column:nth-child(5),
	.boardList.news_Board .listBody ul li .column:nth-child(5) {display:none;}
	.boardList.news_Board .listBody ul li .column .originalNews {display:block; min-width:auto; width:46px; padding:6px;}
	.boardList.news_Board .listBody ul li .column .originalNews .br {display:block;}
	
}
 
 
/* qna_Board */
.boardList.qna_Board {}
.boardList.qna_Board .listHeader .column:nth-child(1),
.boardList.qna_Board .listBody ul li .column:nth-child(1) {width:90px;}
.boardList.qna_Board .listHeader .column:nth-child(2),
.boardList.qna_Board .listBody ul li .column:nth-child(2) {width:calc(61% - 90px);}
.boardList.qna_Board .listHeader .column:nth-child(3),
.boardList.qna_Board .listBody ul li .column:nth-child(3) {width:13%;}
.boardList.qna_Board .listHeader .column:nth-child(4),
.boardList.qna_Board .listBody ul li .column:nth-child(4) {width:13%;}
.boardList.qna_Board .listHeader .column:nth-child(5),
.boardList.qna_Board .listBody ul li .column:nth-child(5) {width:13%;}

@media (max-width:992px) {
	
	.boardList.qna_Board .listHeader .column:nth-child(1),
	.boardList.qna_Board .listBody ul li .column:nth-child(1) {display:none;}
	.boardList.qna_Board .listHeader .column:nth-child(2),
	.boardList.qna_Board .listBody ul li .column:nth-child(2) {width:calc(100% - 80px);}
	.boardList.qna_Board .listHeader .column:nth-child(3),
	.boardList.qna_Board .listBody ul li .column:nth-child(3),
	.boardList.qna_Board .listHeader .column:nth-child(4),
	.boardList.qna_Board .listBody ul li .column:nth-child(4) {display:none;}
	.boardList.qna_Board .listHeader .column:nth-child(5),
	.boardList.qna_Board .listBody ul li .column:nth-child(5) {order:-1;}
	.boardList.qna_Board .listBody ul li .column:nth-child(5) .status {padding:4px 0; min-width: 50px; margin-right:6px;}
	.boardList.qna_Board .listBody ul li .column:nth-child(5) .status .br {display:block;}
}


/* ----------------------------------------------------------------------------------------------------------------
06. 마이페이지
------------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------
07. 기타

/* ----------------------------------------------------------------------------------------------------------------
09. 기관실태조사
------------------------------------------------------------------------------------------------------------------*/
/* orgStatus_Board */
.boardList.orgStatus_Board {clear:both;}
.boardList.orgStatus_Board .listHeader .column:nth-child(1),
.boardList.orgStatus_Board .listBody ul li .column:nth-child(1) {width:90px;}
.boardList.orgStatus_Board .listHeader .column:nth-child(2),
.boardList.orgStatus_Board .listBody ul li .column:nth-child(2) {width:calc(40% - 90px);}
.boardList.orgStatus_Board .listHeader .column:nth-child(3),
.boardList.orgStatus_Board .listBody ul li .column:nth-child(3) {width:30%;}
.boardList.orgStatus_Board .listHeader .column:nth-child(4),
.boardList.orgStatus_Board .listBody ul li .column:nth-child(4) {width:30%;}


@media (max-width:992px) {
	.docWrap .docBox.docBoard {display:block;}
	.docWrap .docBox.docBoard .icoDark {margin:0 0 10px 0; float:right;}
	.boardList.orgStatus_Board .listHeader .column:nth-child(1),
	.boardList.orgStatus_Board .listBody ul li .column:nth-child(1) {display:none;}
	.boardList.orgStatus_Board .listHeader .column:nth-child(2),
	.boardList.orgStatus_Board .listBody ul li .column:nth-child(2) {width:100%; padding:10px; box-sizing:border-box;}
	.boardList.orgStatus_Board .listBody ul li .column:nth-child(2) em {color:#222;}
	.boardList.orgStatus_Board .listHeader .column:nth-child(3),
	.boardList.orgStatus_Board .listBody ul li .column:nth-child(3) {display:none;}
	.boardList.orgStatus_Board .listHeader .column:nth-child(4),
	.boardList.orgStatus_Board .listBody ul li .column:nth-child(4) {width:100%; background:#f3f2f7; padding:16px 0;}
	.boardList.orgStatus_Board .listBody ul li {flex-direction:column; padding:0; border:1px solid #dddddd; margin-bottom:10px;}
}


/* orgStatusView_Board */
.boardList.orgStatusView_Board {clear:both;}
.boardList.orgStatusView_Board .listHeader .column:nth-child(1),
.boardList.orgStatusView_Board .listBody ul li .column:nth-child(1) {width:90px;}
.boardList.orgStatusView_Board .listHeader .column:nth-child(2),
.boardList.orgStatusView_Board .listBody ul li .column:nth-child(2) {width:10%;}
.boardList.orgStatusView_Board .listHeader .column:nth-child(3),
.boardList.orgStatusView_Board .listBody ul li .column:nth-child(3) {width:calc(32% - 90px);}
.boardList.orgStatusView_Board .listHeader .column:nth-child(4),
.boardList.orgStatusView_Board .listBody ul li .column:nth-child(4) {width:22%;}
.boardList.orgStatusView_Board .listHeader .column:nth-child(5),
.boardList.orgStatusView_Board .listBody ul li .column:nth-child(5) {width:12%;}
.boardList.orgStatusView_Board .listHeader .column:nth-child(6),
.boardList.orgStatusView_Board .listBody ul li .column:nth-child(6) {width:24%;}

@media (max-width:992px) {
	.boardList.orgStatusView_Board .listHeader .column:nth-child(1),
	.boardList.orgStatusView_Board .listBody ul li .column:nth-child(1) {display:none;}
	.boardList.orgStatusView_Board .listHeader .column:nth-child(2),
	.boardList.orgStatusView_Board .listBody ul li .column:nth-child(2) {display:none;}
	.boardList.orgStatusView_Board .listHeader .column:nth-child(3),
	.boardList.orgStatusView_Board .listBody ul li .column:nth-child(3) {width:100%; padding:10px; box-sizing:border-box;}
	.boardList.orgStatusView_Board .listBody ul li .column:nth-child(3) em {color:#222;}
	.boardList.orgStatusView_Board .listHeader .column:nth-child(4),
	.boardList.orgStatusView_Board .listBody ul li .column:nth-child(4) {display:none;}
	.boardList.orgStatusView_Board .listHeader .column:nth-child(5),
	.boardList.orgStatusView_Board .listBody ul li .column:nth-child(5) {display:none;}
	.boardList.orgStatusView_Board .listHeader .column:nth-child(6),
	.boardList.orgStatusView_Board .listBody ul li .column:nth-child(6) {width:100%; background:#f3f2f7; padding:16px 0;}
	.boardList.orgStatusView_Board .listBody ul li {flex-direction:column; padding:0; border:1px solid #dddddd; margin-bottom:10px;}
}


/* ----------------------------------------------------------------------------------------------------------------
00. Table edit
------------------------------------------------------------------------------------------------------------------*/
/* table_0803 */
.fakeTable.read.table_0803 {margin-bottom:30px;}
.fakeTable.read.table_0803 dl {}
.fakeTable.read.table_0803 dl dt {width:30%; word-break:keep-all;}
.fakeTable.read.table_0803 dl dd {width:70%; white-space:normal; word-break:keep-all;}

/* table_03030101 */
.fakeTable.read.table_03030101 {margin-bottom:30px;}
.fakeTable.read.table_03030101 dl {}
.fakeTable.read.table_03030101 dl dt {width:30%; word-break:keep-all;}
.fakeTable.read.table_03030101 dl dd {width:70%; white-space:normal; word-break:keep-all;}

/* table_03030102 */
.fakeTable.table_03030102 {}
.fakeTable.table_03030102 dl {}
.fakeTable.table_03030102 dl dt {word-break:keep-all;}
.fakeTable.table_03030102 dl dd {min-height:90px; word-break:keep-all;}



/* ----------------------------------------------------------------------------------------------------------------
00. 설문조사
------------------------------------------------------------------------------------------------------------------*/
.summaryDesc {overflow:hidden; position:relative; margin:30px 0px; border-top:2px solid #222; background:#f7f7f7; border-bottom:1px solid #ddd; }
.summaryDesc .innerBox { padding:21px 15px 10px; width:100%; box-sizing:border-box;}
.summaryDesc .innerBox .top {display:table; width:100%;}
.summaryDesc .img { display:none;}
.summaryDesc .img + .desc {width: 100%;}
.summaryDesc .desc {vertical-align: middle; color: #777; text-align:center; display:block;}
.summaryDesc .desc .title {font-size:20px; line-height:130%; color: #222; font-weight: 500; margin:0px auto; word-break:keep-all;}
.summaryDesc .desc p {font-size:17px; margin-top:5px; word-break:keep-all;}
.summaryDesc .btm{ padding:15px 0px; position:relative; width:100%; text-align:center;}
.summaryDesc .btm > span{color:#222; font-size:16px; margin:0px 5px;}


.selfqaBox {}
.selfqaBox .q { padding:30px 19px 13px; border:1px solid #ddd; border-bottom:none; font-size:18px; font-weight:500;}
.selfqaBox .q span { display:inline-block; vertical-align:top; line-height:130%;}
.selfqaBox .q .num { color:#2653b0; position:relative; width:60px;}
.selfqaBox .q .num:before {content:'질문'; display:inline-block; margin-right:3px;}
.selfqaBox .q .txt{overflow:hidden; width:calc(100% - 65px); word-break:keep-all; }
.selfqaBox .q .survey_content {padding-left:65px; color:#666; font-weight:400; margin-top:10px; font-size:17px; word-break:keep-all;}

.selfqaBox .a {padding:11px 23px 30px; border:1px solid #ddd; border-top:none;}
.selfqaBox .a + .q{margin-top:20px;}

.selfqaBox ul li label{font-size:1.056em}
.selfqaBox ul li .radi input[type="radio"] + label:before{}
.selfqaBox ul li + li{margin-top:4px;}

.radi input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.radi input[type="radio"] + label {position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; letter-spacing:-0.5px; line-height:17px; padding-left:23px; display:inline-block;word-break:keep-all; }
.radi input[type="radio"] + label:before { content:''; position:absolute; left:0; top:0; width:18px; height:18px; background:url(../img/board/radi_off.png) no-repeat left top;}
.radi input[type="radio"]:focus + label {outline:1px dotted #000;}
.radi input[type="radio"]:checked + label:before { background:url(../img/board/radi_on.png) no-repeat left top;}
.radi input[type="radio"]:disabled +  label{color:#b2b2b2;cursor:auto;}
.radi input[type="radio"]:disabled +  label:before{ background:url(../img/board/radi_off2.png) no-repeat left top;}

.chk input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.chk input[type="checkbox"] + label{position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; letter-spacing:-0.5px; line-height:17px; padding-left:23px; font-size:0.895em;}
.chk input[type="checkbox"]:disabled +  label{color:#b2b2b2;cursor:auto;}
.chk input[type="checkbox"]:disabled +  label:before{background:url(../img/board/chk_off2.png) no-repeat left top;}
.chk input[type="checkbox"] + label:before{ content:''; position:absolute; left:0; top:1px; width:16px; height:16px; background:url(../img/board/chk_off.png) no-repeat left top; border:none; box-shadow:0px 0px 0px 0px #fff;}
.chk input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0;}
.chk input[type="checkbox"] + label  {position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; letter-spacing:-0.5px; line-height:19px; padding-left:23px; font-size:1em;display:inline-block; word-break:keep-all;}
.chk input[type="checkbox"] + label:before { content:''; position:absolute; left:0px; top:3px; width:18px; height:18px; background:url(../img/board/chk_off.png) no-repeat left top;}
.chk input[type="checkbox"]:focus + label  {outline:1px dotted #000;}
.chk input[type="checkbox"]:checked + label:before {background:url(../img/board/chk_on.png) no-repeat left top;}


.textarea-servey textarea{height:100px;width:100%;border-radius:5px;padding:10px 15px;}

.btnGroup {overflow:hidden; position:relative; margin:30px auto; text-align:center; }
.btnGroup:after {content:""; display:block; clear:both;}
.btnGroup .btn {}
.btn {display:inline-block; vertical-align:middle; position:relative; height:36px; padding:6px 30px; margin:0px 3px; overflow:hidden; border:none; background:#fff; color:#2e2e2e; line-height:36px; cursor:pointer;}
.btn.list {background:#00529b; color:#fff;}
.btn.themeBtn1 {background:#7595cb; color:#fff;}
.btn.themeBtn {background:#757488; color:#fff;}
 
 
@media (max-width:767px) {
	
  .summaryDesc .btm > span { display:block; margin:3px;}
  .selfqaBox .q span { display:block;}
  .selfqaBox .q span span { display:inline-block;}
  .selfqaBox .q .txt{ width:calc(100% - 0px); margin:5px 0px; }
  .selfqaBox .q .survey_content { padding:0px;}
  
  .btnGroup .btn { display:block; margin:10px 0px; padding:0px;}
}



/* ----------------------------------------------------------------------------------------------------------------
00. 비밀번호변경
------------------------------------------------------------------------------------------------------------------*/
.loginGroup  { margin-top:30px; }
.loginGroup .innerBox {}
.loginGroup .innerBox .loginDesc {}
.loginGroup .innerBox .loginDesc ul {}
.loginGroup .innerBox .loginDesc ul li { font-size:18px; line-height:22px; margin:0px auto; text-align:center; word-break:keep-all;}

.loginGroup .innerBox .loginArea {}
.loginGroup .innerBox .loginArea .loginTitle { padding:0px; margin:20px auto; font-size:22px; font-weight:500; color:#000; text-align:center; word-break:keep-all; line-height:140%;}
.loginGroup .innerBox .loginArea .loginTitle span { font-weight:600; color:#004998; margin-right:10px; }


.loginGroup .innerBox .inpArea {width:470px; margin:10px auto;  }
.loginGroup .innerBox .inpArea label {display:inline-block; vertical-align:middle; font-weight:300; color:#424242; font-size:18px; visibility:visible; width:200px;}
.loginGroup .innerBox .inpArea input {width:calc(100% - 210px); height:40px;}


.loginGroup .innerBox .btnGroup .btn {display:inline-block; vertical-align:middle; position:relative; font-size:17px; font-weight:500; height:40px; padding:0px 30px; margin:0px 3px; overflow:hidden;line-height:38px; cursor:pointer; background:#00529b; color:#fff;}
.loginGroup .innerBox .btnGroup .btn.commit { background:#00ac8f;}


@media (max-width:767px) {
	
  .loginGroup .innerBox .inpArea {width:90%;}
  .loginGroup .innerBox .inpArea label,
  .loginGroup .innerBox .inpArea input { display:block; margin:5px auto;}
  .loginGroup .innerBox .inpArea label { width:100%;}
  .loginGroup .innerBox .inpArea input {width:calc(100% - 0px);}
  
}


h4.htitle {display:block; position:relative; font-size:25px; line-height:26px; font-weight:600; margin-top:50px; margin-bottom:20px; word-break:keep-all;}
h4.htitle:before {content:''; display:block; width:40px; height:8px; border-radius:10px; background:linear-gradient(90deg, rgba(37,183,159,1) 0%, rgba(2,97,174,1) 100%); position:absolute; top:-16px; left:0;}
.boardWrap { margin:10px auto; background:#f1f2f7; padding:80px 20px; position:relative; box-sizing:border-box;} 
.boardWrap:before {content:''; display:block; width:170px; height:170px; background:url(../img/page/icon_loginImg.png)#fff no-repeat center; margin:0 auto; border-radius:50%; margin-bottom:30px;}
.boardWrap table {width:600px; margin:0px auto;}
.boardWrap table caption {display:none;}
.boardWrap table tbody {}
.boardWrap table tr th,
.boardWrap table tr td {position:relative; overflow:hidden; font-size:18px; padding:5px 0px;}
.boardWrap table tbody tr th { width:200px; font-weight:500;  }
.boardWrap table tbody tr td {width:calc(100% - 200px); }
.boardWrap table tbody tr td span { font-size:17px; line-height:20px; margin-top:5px; display:block; word-break:keep-all;}


@media (max-width:767px) {
	
  .boardWrap { padding:50px 10px;}	
  .boardWrap table {width:100%;}
  .boardWrap table tbody tr th,
  .boardWrap table tbody tr td { display:block;}  
  .boardWrap table tbody tr th { width:100%; text-align:left; }
  .boardWrap table tbody tr td {width:calc(100% - 0px); margin-bottom:10px; }
  .boardWrap table tbody tr td span { font-size:16px;}
  
}