.board_top {display: flex;justify-content: space-between;align-items: center;padding-bottom: var(--spacer7);}
.board_top .btit {margin-top: 0;padding-bottom: 0;}
.btit{display: flex;margin-top:var(--spacer16);padding-bottom: var(--spacer2);}
.btit strong{color: var(--primary); font-weight: 500;}
.btit span {position: relative;}
.btit span + span::before {content: '';display: inline-block;position: relative;width: 1px;height: 1rem;margin: 0 1rem;background-color: #707070;vertical-align: middle;}

.subject{text-align: left !important;}
.subject a{position: relative;display: flex;align-items: center;max-height: 2.5rem;height: 2.5rem;font-size:var(--fz-body-m);gap:var(--spacer3)}
.subject span{font-weight:600;display: -webkit-inline-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;text-align: left;word-break: break-all;white-space: normal;overflow: hidden;flex:1;width:100%;max-width:95%;}
.subject .ico{padding:var(--bt-pd-s);color:var(--gray60);}
.subject .ico::before{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--fz-body-l);}
.ico.new{background-color:var(--primary);border-radius: var(--rd5);}
.ico.new::before{content:'N';color:rgb(var(--white));font-weight:600;font-size:1.4rem;}

.ico.lock::before{content:'\EECC'}

/*table*/
.board_list .board_tbl{border-top:0.2rem solid var(--point)}
.board_list .board_tbl th, .board_list .board_tbl td{height:var(--fm-h-xl);text-align:center;padding:var(--spacer5) var(--spacer3);border:solid rgba(var(--black),.2);border-width: 0 0 0.1rem;word-break: keep-all;word-wrap: break-word;}
.board_list .board_tbl thead th{background-color:rgba(var(--black),0.02);font-weight: 500;line-height: 1.2;}
.board_list .board_tbl th em{font-weight: 400;font-size:.95em;display:inline-block;}
.board_list .board_tbl .tl{padding-left:var(--spacer5) !important;}
.board_list .board_tbl .tr{padding-right:var(--spacer5) !important;}
.board_list .board_tbl tbody td{font-size: 106%;}
.required{font-size:0;line-height: 0;vertical-align:middle;}
.required::before{content:'*'; display: inline-flex;padding-right: var(--spacerde2);color:var(--Red);font-size: var(--fz-body-l);margin-top: var(--spacer3);}

[class*=board] .board_tbl tbody tr{transition:.2s}
[class*=board] .board_tbl tbody tr:hover, 
[class*=board] .board_tbl tbody tr:focus{background-color:var(--primary1)}
[class*=board] .board_tbl .empty{font-size: 110%;}
[class*=board] .board_tbl .empty::before{content:'\F0D1';display:flex;font-family: var(--ifont3);align-items: center;justify-content: center;font-size: var(--fz-title-l);font-weight: 700;}
[class*=board] .board_tbl .empty::after{content:'조회된 결과가 없습니다.';}

[class*=board] .board_tbl tbody td{font-size: 106%;} 
[class*=board] .board_tbl thead th{background: rgb(var(--white));}

[class*=board] .step{width:10rem;max-width:100%;height:var(--fm-h-s); border-radius:var(--fm-h-s); border:1px solid; display: inline-flex;align-items: center;justify-content: center;font-size:0.95em;white-space: nowrap;}
[class*=board] .step.s1{border-color:#fecdcd;color:#fa3f3f;background-color:#fff1f1 }
[class*=board] .step.s2{border-color:#ffc9a4;color:#ff6600;background-color:#fff3eb }
[class*=board] .step.s3{border-color:#9edcd5;color:#009B2C;background-color:#f6fff9}
[class*=board] .step.s4{border-color:#d2d2d2;color:#666;background-color:#F2F4F5}

[class*=board] .file{position:relative;width: 100%; float: none;}
[class*=board] .file .list li{display: flex;align-items: center;justify-content: space-between;flex-direction: row;width: 100%;}
[class*=board] .file .list li + li{margin-top:var(--spacer3);padding-top:var(--spacer3);border-top:1px dashed rgba(var(--black),.15)}
[class*=board] .file .list p{font-weight:300;color: var(--gray60);}
[class*=board] .file .btns{width: auto;}
[class*=board] .file .btns a{border:0;height: 4rem;padding:0 var(--bt-pd-xs)}
[class*=board] .file .btns a:hover{background-color: var(--primary3);}
[class*=board] .file .btns a:after{font-family:var(--ifont3);margin-left:var(--spacer1);font-size: 105%;}
[class*=board] .file .down:after{content: "\ec54";}
[class*=board] .file .view:after{content:'\ecaf'}

[class*=board] .file .upload{display: flex; align-items: center; justify-content: center; flex-direction: column; gap:var(--spacer10); border-radius:var(--fm-rd-l); border: 1px dashed rgba(var(--black),.15); background:var(--gray5); padding:var(--spacer10);}
[class*=board] .file .upload p{font-size:110%; text-align: center;}
[class*=board] .file .upload .btn{height:var(--bt-h-s);color:rgb(var(--white));background:var(--gray70);font-weight: 300;}
[class*=board] .file .upload .up::before{content: "\F24A";font-family:var(--ifont3);margin-right:var(--spacer1);font-size: 105%;}
[class*=board] .file .result{margin-top:var(--spacer6);}
[class*=board] .file .result .top{display: flex; justify-content: space-between; align-items: center;}
[class*=board] .file .result .total{font-weight: 700;}
[class*=board] .file .result .total .current{color: var(--primary);}
[class*=board] .file .result .total span{font-weight: normal; padding-left: 1rem;}
[class*=board] .file .result .list{margin-top:var(--spacer4);}
[class*=board] .file .result .list .btn_area{margin: 0;}
[class*=board] .file .result .list li{padding:var(--spacer3) var(--spacer4); border-radius:var(--fm-rd-l);border: 1px solid rgba(var(--black),.15);display:block;}
[class*=board] .file .result .list li + li{margin-top: 1.6rem;}
[class*=board] .file .result .list li > div{display: flex; align-items: center; justify-content: space-between; gap:var(--spacer3);width:100%}
[class*=board] .file .result .list li.error{border:2px solid var(--danger10); background:var(--danger5);}
[class*=board] .file .result .list li.error .hint{color: var(--danger);border-top:1px dashed rgba(var(--black),.15);padding-top:var(--spacer3); margin-top:var(--spacer3);}

[class*=board] .file .btn.delete {border-width:0;height:var(--bt-h-xs);padding:0}
[class*=board] .file .btn.delete::before{font-family:"remixicon";content:"\f4c8";margin-right:var(--spacer1);font-size:95%;}
[class*=board] .file .btn.delete:focus{border-width:2px;}

[class*=board] .file .uploadBox{background:var(--gray5);flex:1;width:80%;}
[class*=board] .file input[type="file"]{display:none;}
[class*=board] .file .btn{border-color: rgba(var(--black), .4); background-color: transparent;}

[class*=board] .category{display:inline-block !important;min-height:2.8rem;padding:0 1.5rem;border-radius:3rem;background-color:#000;font-size:1.4rem;color:#fff;line-height:2.8rem;vertical-align:middle}
[class*=board] .category::after{display:none !important}

.board_view{font-size: 106%;}
.board_view dt{font-size: 0.95em;}
.board_view .step{margin-left:var(--spacer2);font-size:0.9em}
.board_view,
.board_write{overflow: hidden; border-top:2px solid var(--point); clear: both;}
.board_view dl,
.board_write dl {position: relative;float: left;display: flex;border-bottom:1px solid rgba(var(--black),.15);width:50%; align-items: center;}
.board_view dt,
.board_write dt {display: flex;align-items: center;flex: 0 0 var(--spacer50);padding:var(--spacer7);font-weight:600;}
.board_view dl dd,
.board_write dl dd{flex: auto;display: block;padding:var(--spacer7);overflow: hidden;color: #555;}

.board_view .content{clear: both;position: relative;padding:var(--spacer10) var(--spacer5);min-height: 30rem;word-break: break-all;border-bottom:1px solid rgba(var(--black),.15);}

.board_write dl{width: 100%;float:none;min-height:8.5rem;}
.board_write .btnWrap{justify-content:center;}
.board_write .btnWrap .btn{min-width:15.4rem;}
.board_write + .board_write{margin-top:var(--spacer6);}

.board_view .content.re{background-color:var(--gray5);padding:var(--spacer6) var(--spacer6) var(--spacer6) var(--spacer12);border-radius: var(--rd10);border:0;margin-top:var(--spacer6);min-height:0; position: relative;}
.board_view .content.re::before{content:'\F309';font-family: var(--ifont3);font-size:170%;position: absolute;left:var(--spacer4);top:var(--spacer3)}
.board_view .content.re .date{font-size: 85%;margin-bottom:var(--spacer2);}
.board_view .content.re .date::before{content: '답변일 : ';opacity: .7;}
.board_view .content.re .btns{position: absolute;right:var(--spacer4);top:var(--spacer4);display:flex;gap:var(--spacer2);font-size: 90%;}
.board_view .content.re .btn{background: #fff;height:var(--bt-h-xs);padding:0 var(--bt-pd-xs);}

.board_faq .noty{background: var(--primary1);border-radius: var(--rd10);padding:var(--spacer6);border: 1px solid rgba(var(--black),.1);min-height:12.8rem; display:flex; align-items: center; position: relative;}
.board_faq .noty::before{content: '';background:rgb(var(--white)); width: 12rem;padding-bottom:12rem;border-radius:var(--rdfull); margin-right: var(--spacer10);box-shadow:0.5rem 0 0.5rem rgba(var(--black),.05);}
.board_faq .noty::after{content: '';position:absolute;top:50%;transform: translateY(-50%);left:var(--spacer6);background: url(../images/common/faq.svg) no-repeat 50%;width: 12rem;padding-bottom:12rem;}
.board_faq .noty *{display: block;}
.board_faq .noty strong{font-size:130%;}

.board_faq .sch_wrap{margin:var(--spacer10) auto; max-width:60%;}
.board_faq .sch_wrap .btn{ background-color:var(--secondary60);color:rgb(var(--white))}
.board_faq .accordion {margin-top: var(--spacer23);border: 0;}
.board_faq .accord_item {min-height: 0;padding: 0;border: 0;}
.board_faq .accord_item:not(.active) + .accord_item {margin-top: var(--spacer9);}
.board_faq .accord_btn {position: relative;width: 100%;min-height: 6.2rem;padding: var(--spacer9) var(--spacer31);border: 0;border-radius: var(--rd10);font-size: var(--fz-body-m);font-weight: 400;background: var(--gray5);}
.board_faq .accord_btn::before {content: 'Q';position: absolute;left: var(--spacer14);top: var(--spacer9);padding: 0;font-size: 2.2rem;line-height: 1;}
.board_faq .accord_btn::after {right: var(--spacer14);top: var(--spacer9);line-height: 2rem;text-align: center;}
.board_faq .accord_conts {position: relative;padding: var(--spacer13) var(--spacer11);padding-left: var(--spacer31);}
.board_faq .accord_conts::before {content: 'A';position: absolute;left: var(--spacer14);top: auto;font-size: 2.8rem;line-height: 1;color: var(--primary);}

.btn_wrap{justify-content: flex-end;margin-top: var(--spacer9);}
.btn_wrap .btn{min-width: 12rem;}