


.tb_frm {border-top:1px solid #4c84ff}
.tb_frm > table {width:100%; border-collapse: collapse; border-right: 1px hidden #fff}
.tb_frm > table > thead > tr > th,
.tb_frm > table > tbody > tr > th,
.tb_frm > table > tbody > tr > td {border:1px solid #d4d3d3; border-width: 0 0 1px 0; padding:8px 10px; text-align: center}
.tb_frm > table > tbody > tr > td .contxt {margin-right:5px}

.tb_frm > table thead th,
.tb_frm > table tbody th{background: #f8f8f8}

.tb_frm > table .lt,
.tb_frm.lt > table td {text-align:left}
.tb_frm > table .rt {text-align:right}

.tb_frm > table tr.point {background:#2e69eb}
.tb_frm > table tr.point td {color:#fff}

.tb_frm > table th .posbox {position: relative}

.tb_frm td .txtinfo {margin-top:5px}

.tb_frm > table th {}

.tb_frm .percent {
    margin-left: 5px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 5px;
    height: 25px;
    line-height: 25px;
    bottom: 0;
    margin: auto;
    padding: 0 10px;
    border-radius: 40px;
    font-size: .875em;
		width:45px

}
.tb_frm .percent.co1 {background:#f94f5c}
.tb_frm .percent.co2 {background:#4880f9}
.tb_frm.ct td {text-align:center}
.tb_frm .lt {text-align:left}

.tb_frm > table .btn.cancel {background:#ff6c60; color:#fff}
.tb_frm > table .btn.dcancel {background:#f00; color:#fff}
.tb_frm > table .btn.stay {background:#aaa; color:#fff}
.tb_frm > table .btn.stay,
.tb_frm > table .btn.complete,
.tb_frm > table .btn.cancel,
.tb_frm > table .btn.dcancel{height:30px; line-height: 28px; padding:0 15px; border-radius: 30px }
.tb_frm > table .btn.co1,
.tb_frm > table .btn.co2 {padding:5px 15px}


.tb_frm > table .badge.cancel {background:#ff6c60; color:#fff}
.tb_frm > table .badge.dcancel {background:#f00; color:#fff}
.tb_frm > table .badge.stay {background:#aaa; color:#fff}
.tb_frm > table .badge.complete {background:#4c84ff; color:#fff}

.tb_frm > table .badge.stay,
.tb_frm > table .badge.complete,
.tb_frm > table .badge.cancel,
.tb_frm > table .badge.dcancel {height:30px; line-height: 28px; padding:2px 15px; border-radius: 30px }



.tb_frm > table td .subject {display:inline-block}
.tb_frm > table td .subject .txtcut {display:inline-block; min-width:10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap}
.tb_frm > table td .subject .txtcut.ty1 {width: inherit; max-width:300px; flex:none}
.tb_frm > table td .subject.flex {display:flex; -webkit-display:flex}
.tb_frm > table td .subject.flex .txtcut {flex:1; width: 0}
.tb_frm > table td .subject.flex .txtcut + .notice_clipicon {margin-left:10px}
.tb_frm > table td .subject.flex .txtcut + .notice_clipicon {margin-left:10px}
.tb_frm > table td .subject.ty1.notice {display:flex; font-weight: 400; align-items: center}
.tb_frm > table td .subject.ty1 .txtcut {min-width: 0; max-width: 40vw}
.tb_frm > table td .notice_icon {display:inline-block; width: 10px; height: 10px; background:url('../img/newicon.png') no-repeat 0 0; margin-left:5px;
background-size:100%}
.tb_frm > table td .notice_icon + .comment_count {margin-left:5px; display:inline-block; vertical-align: super}
.tb_frm > table td .subject.notice .tip {display:inline-block; font-size:.75em; white-space: nowrap;; background:#0c4da1; color:#fff; vertical-align: middle; margin-right:5px; padding:3px 5px;
border-radius: 3px}

.tb_frm > table td .answer {display:inline-block; vertical-align: top}
.tb_frm > table td .context {display:inline-block; vertical-align: top; margin-left:5px}

.tb_frm > table td .btn.notice {background:none; width:100%; font-size:1em}
.tb_frm > table td .btn.notice .arr {width:16px; height:10px; background:url('../img/boarlist_arricon.png') no-repeat 0 0;
background-size:16px auto; display:inline-block }
.tb_frm > table td .btn.notice .arr.up {background-position:0 0}
.tb_frm > table td .btn.notice .arr.down {background-position:0 -10px}

.tb_frm > table .ansrow td {background:#f2f2f2}

.tb_frm > table tr.sum {background:#f2f2f2}
.tb_frm > table tr.sum td {text-align:center; padding:10px; font-size:1.2em}
.tb_frm > table tr.sum td.lt {text-align:left}
.tb_frm > table tr.sum td.rt {text-align:right}
.tb_frm > table tr.sum .tsum_txtresult {overflow: hidden}
.tb_frm > table tr.sum .tsum_txtresult .lt {float:left}
.tb_frm > table tr.sum .tsum_txtresult .rt {float:right}

.tb_frm td .break {
	 display:block;
	 width:90px;
   white-space: pre-wrap;      /* CSS3 */
   white-space: -moz-pre-wrap; /* Firefox */
   white-space: -pre-wrap;     /* Opera 7 */
   white-space: -o-pre-wrap;   /* Opera 7 */
   word-wrap: break-word;      /* IE */
   word-break: break-all;
	 margin:0 auto;
}

.tb_frm td .break.ty2 {width:105px}
.tb_frm td .break.ty1 { 
width:70px
}

.tb_frm td.innertb {position:relative; margin:0; padding:0}
/*.tb_frm td.innertb .innertbset {position:relative}*/
.tb_frm td.innertb tr + tr:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:1px; z-index: 100;
background:#d2d2d2}

.tb_frm td.innertb tr:nth-child(2):after {transform:translateY(66px)}
.tb_frm td.innertb tr:nth-child(3):after {transform:translateY(132px)}
.tb_frm td.innertb tr:nth-child(4):after {transform:translateY(198px)}
.tb_frm td.innertb > table {width:auto }
.tb_frm td.innertb > table th {background:#f2f2f2}
.tb_frm td.innertb > table td {position:relative; padding:5px 30px 5px 10px}
.tb_frm td.innertb > table td + td {padding-left:30px}
.tb_frm td.innertb > table td + td:before {content: ""; width: 1px; height: 20px; background: #d2d2d2; position:absolute; left:0; top:50%; margin:-10px 0 0 0}



.tb_frm td .icontxt {display:inline-block}
.tb_frm td .icontxt .ico {display: inline-block; width: 36px; height: 36px; background: url(../img/area_iconset.png) no-repeat 0 0; background-size: auto 36px;
    vertical-align: middle; margin-right: 10px}
.tb_frm td .icontxt .ico.ty1 {background-position:0 0}
.tb_frm td .icontxt .ico.ty2 {background-position:-36px 0}
.tb_frm td .icontxt .ico.ty3 {background-position:-72px 0}
.tb_frm td .icontxt .txtinfo {display:inline-block; vertical-align: middle}
.tb_frm td .icontxt .txtinfo .hd3 {font-size:1em}
.tb_frm td .icontxt .txtinfo .money {font-size:1.125em}

/* 게시판 글쓰기 서식폼 */
dl.detail_noticelist {float:left; width:100%; overflow:hidden}
dl.detail_noticelist dt,
dl.detail_noticelist dd {float:left; color:#000}
dl.detail_noticelist dt {position:relative; padding:0 13px 0 0; margin-right:0; text-align:right; background:url('../img/dtview_bar.gif') no-repeat right center; font-weight:bold;  font-weight:normal}
dl.detail_noticelist dd {margin:0 0 0 13px}
dl.detail_noticelist dd.rt {float:right}
dl.detail_noticelist dd + dt {margin-left:44px}





.tb_frm.ty1 th,
.tb_frm.ty1 td {border-right:1px solid #d2d2d2}

.tb_frm.sm > table th,
.tb_frm.sm > table td {padding:5px; font-size:.875em}

.tb_frm.view .inputdate .inputset input {height:28px}
.tb_frm.view .btn {padding: 0 10px; height: 30px; line-height: 30px}
.tb_frm.view .row.pc_inline .inputdate .inputset + .btn {vertical-align: top}
.tb_frm.view .inputset + .btn {margin-left:10px}

.tb_frm.full .inputset {width:100%}



.tb_frm.sm + .tb_cap {margin-top:5px}
.tb_cap {font-size:.875em; color:#666; display: flex; align-items: flex-end;}
.tb_cap .f_left {}
.tb_cap .f_left .caption {margin-top:15px }
.tb_cap .f_right {flex: 1; justify-content: flex-end; display: flex;}
.tb_cap  .btn {border-radius: 3px; text-align:center; padding:10px 20px}
.tb_cap  .btn + .btn {margin-left:5px}

.tb_cap .inputset input,
.tb_cap .inputset select {height:28px}
.tb_cap .btn {padding:0 10px; height:30px; line-height: 28px}
.tb_cap .btn.icon {padding:0 15px}


.tb_cap.mflex {display: flex; flex-direction: column; align-items: flex-end}
.tb_cap.mflex .f_left {display: flex; flex: 1; flex-wrap: wrap; width: 100%; justify-content: center}
.tb_cap.mflex .f_right {position: relative; display: flex; align-items: flex-end; flex-wrap: wrap; margin-top: 20px}
.tb_cap .stxt + .inputset, 
.tb_cap .inputset + .inputset,
.tb_cap .inputset + .btn,
.tb_cap .inputdate + .btn {margin-left:10px}


.tb_cap.ty1 {align-items: center}
.tb_cap.ty1 .btn + .inputgrid1 {margin-left:30px}
.tb_cap.ty1 .inputset.ckbox > label:before {vertical-align: top}
.tb_cap.ty1 .inputset .labeltxt {display: inline-block; height: 19px; line-height: 19px; vertical-align: top}
.tb_cap.ty1 .inputset + .stxt,
.tb_cap.ty1 .inputset + #taxCheckWrap,
.tb_cap.ty1 .inputset + .inputset.money {margin-left:10px}
.tb_cap.ty1 .stxt + .inputset,
.tb_cap.ty1 .btn + .ckbox {margin-left:10px}






.tb_frm .required {color:#f00; display:inline-block; vertical-align: middle; margin-left:5px}

#dealTb col:nth-child(1) {width:7%}
#dealTb col:nth-child(2) {width:23%}
#dealTb col:nth-child(3) {width:10%}
#dealTb col:nth-child(4) {width:7%}
#dealTb col:nth-child(5) {width:7%}
#dealTb col:nth-child(6) {width:10%}
#dealTb col:nth-child(7) {width:14%}
#dealTb col:nth-child(8) {width:10%}
#dealTb col:nth-child(9) { }

#dealViewtb col:nth-child(1) {width:15%}
#dealViewtb col:nth-child(2) {width:15%}
#dealViewtb col:nth-child(3) {width:20%}
#dealViewtb col:nth-child(4) {width:25%}
#dealViewtb col:nth-child(5) {width:25%}


/* 공지사항 리스트 */
#noticetb col:nth-child(1) {width:10%}
#noticetb col:nth-child(2) {width:50%}
#noticetb col:nth-child(3) {width:20%}
#noticetb col:nth-child(4) {width:20%}

/* 입출금 거래 리스트 */
#deallisttb col:nth-child(1) {width:7%}
#deallisttb col:nth-child(2) {width:15%}
#deallisttb col:nth-child(3) {width:11%}
#deallisttb col:nth-child(4) {width:20%}
#deallisttb col:nth-child(5) {width:11%}
#deallisttb col:nth-child(6) {width:11%}

/*faq 게시판 리스트 */
#faqtb col:nth-child(1) {width:50%}
#faqtb col:nth-child(2) {width:20%}
#faqtb col:nth-child(3) {width:20%}
#faqtb col:nth-child(4) {width:10%}

#areaMebertb col:nth-child(1) {width:7%}
#areaMebertb col:nth-child(2) {width:13%}
#areaMebertb col:nth-child(3) {width:10%}
#areaMebertb col:nth-child(4) {width:10%}
#areaMebertb col:nth-child(5) {width:10%}
#areaMebertb col:nth-child(6) {width:15%}
#areaMebertb col:nth-child(7) {width:20%}
#areaMebertb col:nth-child(8) {width:15%}

#localAreaMebbertb col:nth-child(1) { }
#localAreaMebbertb col:nth-child(2) { }
#localAreaMebbertb col:nth-child(3) { }
#localAreaMebbertb col:nth-child(4) { }
#localAreaMebbertb col:nth-child(5) { }
#localAreaMebbertb col:nth-child(6) { }
#localAreaMebbertb col:nth-child(7) { }
#localAreaMebbertb col:nth-child(8) { }
#localAreaMebbertb col:nth-child(9) { }
#localAreaMebbertb col:nth-child(10) { }
#localAreaMebbertb col:nth-child(11) { }

#localAreaDeposittb:nth-child(1) { }
#localAreaDeposittb:nth-child(2) { }
#localAreaDeposittb:nth-child(3) { }
#localAreaDeposittb:nth-child(4) { }
#localAreaDeposittb:nth-child(5) { }
#localAreaDeposittb:nth-child(6) { }
#localAreaDeposittb:nth-child(7) { }
#localAreaDeposittb:nth-child(8) { }
#localAreaDeposittb:nth-child(9) { }
#localAreaDeposittb:nth-child(10) { }
#localAreaDeposittb:nth-child(11) { }

#areaPoint col:nth-child(1) {width:7%}
#areaPoint col:nth-child(2) {width:20%}
#areaPoint col:nth-child(3) {width:15%}
#areaPoint col:nth-child(4) {width:15%}
#areaPoint col:nth-child(5) {width:15%}
#areaPoint col:nth-child(6) {width:14%}
#areaPoint col:nth-child(7) {width:14%}


.page_navi {text-align:center}
.page_navi button {font-size:1.2em; background: transparent; vertical-align: middle; height:30px;
line-height: 30px; position:relative}
.page_navi button + button {margin-left:27px}
.page_navi button:after {content:""; display:inline-block; width:1px; height:12px; background:#000; vertical-align:bottom; margin:0 0 0 10px;
    transform: skew(-25deg,0deg); -webkit-transform: skew(-25deg,0deg); -moz-transform: skew(-25deg,0deg)}
.page_navi button.on {color:#d71a21}
.page_navi button.fst > span,
.page_navi button.prev > span,
.page_navi button.next > span,
.page_navi button.lst > span {text-indent:-9999px; display:block; visibility:hidden; width:0; height:0}
.page_navi button.fst:after,
.page_navi button.prev:after,
.page_navi button.next:after,
.page_navi button.lst:after {content:""; display:inline-block; transform:inherit; background: url('../img/paging_icoset.png') no-repeat;
    margin:0 0 2px 0; padding:0; width: 14px; height: 14px; margin:auto; vertical-align: middle}

.page_navi button.fst:after {background-size: auto 14px; background-position: 0 0}
.page_navi button.prev:after {background-size: auto 14px; background-position: -14px 0}
.page_navi button.next:after {background-size: auto 14px; background-position: -28px 0}
.page_navi button.lst:after {background-size: auto 14px; background-position: -47px 0}

