@charset "UTF-8"; 

/*
*   name : default
*	font, input, table, board 등 사이트 전반에 걸쳐 공통으로 사용하는 요소들을 모아놓습니다.
*/

/* font */
html {font-size:62.5%;}
body,
body * {font-family:-apple-system, BlinkMacSystemFont,"NotoSansKR","Malgun Gothic",sans-serif;font-weight:400;font-size:1.6rem;color:#222;-webkit-font-smoothing: antialiased;word-wrap:break-word;word-break:keep-all;}
strong {font-weight:700;}

	@media screen and (max-width:768px)
	{
		html {font-size:55.5%;}
	}

.f16 {font-size:1.6rem;}
.fc-point {color:var(--point-color);}


/* color */
:root {
  --point-color: #d81d24;
  --black-color: #222;
  --border-gray: #e1e4e8;
  --bg-gray: #eff1f4;
  --bg-gray2: #f0f1f5;
}

/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}


/*--------------------- underline ---------------------*/
div,
a,
p,
li,
button {text-underline-position : under;}



/*--------------------- input ---------------------*/
select,
input[type="text"],
input[type="password"] {height:4.2rem;border:1px solid var(--border-gray);border-radius:4px;padding:0 1.5rem;}
select {padding-right:calc(3rem + 8px);background:url(../img/default/selectbox_dropdown.svg) no-repeat right 1.5rem center;}
input[type="text"]:disabled,
input[type="text"]:read-only,
input[type="password"]:disabled,
input[type="password"]:read-only {background:var(--bg-gray);}
textarea {border-radius:4px;border:1px solid var(--border-gray);}


/* checkbox */
input[type="checkbox"] {appearance:checkbox}
.chkBox {display:inline-block;min-height:20px;padding-left:20px;color:#555;position:relative;}
.chkBox > label {font-size:0 !important;}
.chkBox input {display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;-webkit-border-radius:0;outline-style:none;margin:0;padding:0;border:0;width:1px;height:1px;overflow:hidden;font-size:0 !important;line-height:0;}
.chkBox .box {display:block;position:absolute;top:0;left:0;width: 20px; height: 20px; cursor: pointer; background: url('../img/default/checkbox.svg') no-repeat left center;font-size:0;}
.chkBox .labelTxt {font-size:1.5rem;display:inline-block;padding:0px 0.5rem 0;cursor: pointer; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;vertical-align:top;line-height:120%;}
.chkBox input:checked ~ .box {background-position:-21px center;}
.chkBox input:disabled ~ .box {background-position:-63px center;}
.chkBox input:checked:disabled ~ .box {background-position:right center;}
.chkBox input:focus ~ .box {background-position:-42px center;}
.chkBox input:focus:checked ~ .box {background-position:-21px center;}

.chkBox.in .box {background-image:url(/boss/img/Default/checkbox_in.svg);}

input[type="radio"] {appearance:radio}
.radioBox {display:inline-block;min-height:20px;padding-left:20px;color:#555;position:relative;}
.radioBox > label {font-size:0 !important;}
.radioBox input {display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;-webkit-border-radius:0;outline-style:none;margin:0;padding:0;border:0;width:1px;height:1px;overflow:hidden;font-size:0 !important;line-height:0;}
.radioBox .box {display:block;position:absolute;top:0;left:0;width: 20px; height: 20px; cursor: pointer; background: url('../img/default/radio.svg') no-repeat left center;font-size:0;}
.radioBox .labelTxt {font-size:1.5rem;display:inline-block;padding:0px 0.5rem 0;cursor: pointer; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;vertical-align:top;line-height:120%;}
.radioBox input:checked ~ .box {background-position:-21px center;}
.radioBox input:disabled ~ .box {background-position:-63px center;}
.radioBox input:checked:disabled ~ .box {background-position:right center;}
.radioBox input:focus ~ .box {background-position:-42px center;}
.radioBox input:focus:checked ~ .box {background-position:-21px center;}

.chkbox-group {display:flex;gap:2rem 2.5rem;flex-wrap:wrap;}


/* 첨부파일 */
.input-file + .input-file {margin-top:0.5rem;}
.input-file {width:68rem;max-width:100%;position:relative;display: flex;align-items: center;border:1px solid var(--border-gray);border-radius:3px;padding:2px;background:#fff;}
.input-file-wrap.w100p .input-file {width:100%;}
.input-file .fileNm {flex:1;border:none;padding: 0 1.5rem;height: 3.6rem;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background:#fff !important;color:#222 !important;}
.input-file input[type="file"] {position:absolute;width:0px;height:0px;padding:0;overflow:hidden;border:none;}
.file-label {vertical-align: middle;margin-left:5px;width:4.6rem;height:3.6rem;background:url(../img/default/file_label.svg) no-repeat center center var(--bg-gray);border:1px solid var(--border-gray);border-radius:3px;cursor:pointer;}
.input-file input[type="file"]:disabled ~ .file-label {background:#f6f8fb;cursor:default;border-color:#f6f8fb;}
.input-file input[type="file"]:disabled ~ .file-label span {color:#a8aaab;}
.input-file .icoBtn {margin-left:15px;}

.input-file-btn {display:flex;gap:0 0.4rem;}
.input-file-btn button {background:var(--black-color);border-radius:3px;}
.input-file-btn button .ico {display:block;width:2rem;height:2rem;position:relative;}
.input-file-btn button .ico:before,
.input-file-btn button .ico:after {content:"";display:block;width:8px;height:2px;background:#fff;position:absolute;top:50%;left:50%;margin:-1px 0 0 -4px;}
.input-file-addbtn .ico:after {transform:rotate(90deg);}
.input-file-delbtn .ico:after {display:none;}

.file-lst li {display:flex;gap:1rem 0.8rem;position:relative;padding-left:3rem;padding-top:0.2em;min-height:2.4rem;}
.file-lst li:before {content:"";position:absolute;top:0;left:0;display:block;width:2.4rem;height:2.4rem;border-radius:4px;background: url(../img/default/file_label.svg) no-repeat center center /1.2rem auto var(--bg-gray) ;}
.file-lst li + li {margin-top:1rem;}
.file-lst .file-lst__del {width:2rem;height:2rem;background:url(../img/default/file-lst__del.svg) no-repeat center center;}

	@media (hover: hover) {
  		.file-lst .file-lst__nm:hover,
		.file-lst .file-lst__nm:focus {text-decoration:underline;}
	}


/* 인풋 검색 */
.input-searchbox {position:relative;}
.input-searchbox input[type="text"] {padding-right:4rem;}
.input-searchbtn {width:1.4rem;height:1.4rem;background:url(../img/default/input_searchbtn.svg) no-repeat center center /100% 100%;position:absolute;top:50%;right:2rem;margin-top:-7px;}


/*--------------------- button ---------------------*/
.btn {border:none;cursor:pointer;line-height:normal;text-align:center;transition:all 0.3s;border-radius:3px;max-width:100%;display: inline-flex;align-items: center;justify-content: center;}
.btn span {display:inline-block;max-width:100%;position:relative;transition:color .3s;line-height:140%;}
.btn.noclick {cursor:default;}

/* 버튼 크기 */
.btn.sizeM {min-height:4.2rem;padding:0.8rem 2.5rem;}
.btn.sizeM span {font-size:1.6rem;font-weight:500;}
.btn.sizeS {min-height:3.6rem;padding:0.7rem 1.5rem;}
.btn.sizeS span {font-size:1.4rem;}

/* 버튼 색상*/
.btn.point {background:var(--point-color);border:1px solid var(--point-color);}
.btn.point span {color:#fff;}
.btn.black {background:var(--black-color);border:1px solid var(--black-color);}
.btn.black span {color:#fff;}
.btn.red {background:var(--point-color);border:1px solid var(--point-color);}
.btn.red span {color:#fff;}
.btn.gray {background:#5d5d5d;border:1px solid #5d5d5d;}
.btn.gray span {color:#fff;}


/* 아이콘이 붙는 버튼 */
.btn.print {background:var(--bg-gray);border:1px solid var(--border-gray);}
.btn.print span {padding-left:20px;}
.btn.print span:before {content:"";display:block;width:14px;height:14px;background:url(../img/default/btn_print.svg) no-repeat center center;position:absolute;top:50%;left:0;margin-top:-7px;}
.btn.search {background:var(--bg-gray);border:1px solid var(--border-gray);}
.btn.search span {padding-left:20px;}
.btn.search span:before {content:"";display:block;width:14px;height:14px;background:url(../img/default/btn_search.svg) no-repeat center center;position:absolute;top:50%;left:0;margin-top:-7px;}


@media (hover: none) and (pointer: coarse) {
  .btn.print {display:none;}
}

/* 텍스트 없는 아이콘 버튼 */
.icon-btn {width:4.6rem;height:3.6rem;border:1px solid var(--border-gray);background:var(--bg-gray);border-radius:3px;display: inline-flex;align-items: center;justify-content: center;}
.icon-btn:before {content:"";display:inline-block;width:1.4rem;height:1.4rem;background-repeat:no-repeat;background-position:center;background-size:100% 100%;}
.icon-btn.print:before {background-image:url(../img/default/iconbtn_print.svg);}
.icon-btn.file:before {background-image:url(../img/default/iconbtn_file.svg);}
.icon-btn.edit:before {background-image:url(../img/default/iconbtn_edit.svg);}
.icon-btn.del:before {background-image:url(../img/default/iconbtn_del.svg);}
.icon-btn:disabled {cursor:default;}
.icon-btn:disabled:before {opacity:0.3;}

.icon-btn-group {display:flex;flex-wrap:wrap;gap:0.4rem;align-items:center;justify-content:center;}

	/* animation */
	.btn {transition:all .3s;}
	.icon-btn {transition:all .3s;}
	.icon-btn:before {transition:all .3s;}

	@media screen and (min-width:1200px)
	{
		/* hover */
		.btn:not(:disabled):hover,
		.btn:not(:disabled):focus {box-shadow:0 10px 30px rgba(0, 0, 0, 0.07);}	

		.icon-btn:not(:disabled):hover,
		.icon-btn:not(:disabled):focus {background:var(--black-color);border-color:var(--black-color);}
		.icon-btn:not(:disabled):hover:before,
		.icon-btn:not(:disabled):focus:before {filter: brightness(0) invert(1);}
	}


/*--------------------- graybox ---------------------*/
.graybox {background:var(--bg-gray);border-radius:10px;padding:3rem;}
.graybox__title {font-size:1.4rem;margin-bottom:2rem;}


/*--------------------- info-ex ---------------------*/
.info-ex {text-indent:-25px;padding-left:25px;}
.info-ex:before {content:url(../img/default/info-ex.svg);display:inline-block;margin-right:5px;vertical-align:middle;text-align:center;text-indent:0;}
.info-ex .txt {vertical-align:middle;font-size:1.6rem;line-height:160%;}
.info-ex .txt i {font-style:normal;font-size:1.6rem;}


/*--------------------- table ---------------------*/
.tbl-01 {width:100%;border-top:1px solid var(--border-gray);border-right:1px solid var(--border-gray);}
.tbl-01 th, 
.tbl-01 td {text-align:center;font-size:1.4rem;padding:1.5rem;border-bottom:1px solid var(--border-gray);border-left:1px solid var(--border-gray);line-height:160%;word-break:break-all;}
.tbl-01 thead th {background:#e7e8ee;font-weight:600;}
tr.bg-gray th,
tr.bg-gray td,
th.bg-gray,
td.bg-gray {background:var(--bg-gray2);}
.evenbody-bg tbody:nth-of-type(even) td {background:#f7f8fa;}
.eventr-bg tbody tr:nth-of-type(even) td {background:#f7f8fa;}

.tr-over tbody tr {cursor:pointer;}
.tr-over tbody th,
.tr-over tbody td {transition: all .3s;}

	@media screen and (min-width:600px)
	{
		.tr-over tbody tr:hover th,
		.tr-over tbody tr:hover td {background:var(--bg-gray2);}
	}


	@media screen and (max-width:768px){
		
		/* 반응형 테이블  */
		.rspvn_table { clear: both;}
		.rspvn_table colgroup{display:none;}
		.rspvn_table thead{display:none;}
		.rspvn_table tbody{overflow:hidden;}
		.rspvn_table tbody tr{overflow:hidden;}
		.rspvn_table tbody tr:first-child { margin-top: 0; border-top: none;}
		.rspvn_table tbody tr + tr{border-top: 1px solid var(--border-gray);  margin-top: 1rem; display: block;}
		.rspvn_table tbody td{position: relative; width: 100%;  min-height: 4.8rem; float: left;  text-align: left; padding: 1.5rem 1.5rem 1.5rem 12.5rem;font-size:1.5rem !important;vertical-align:middle;}
		/*.rspvn_table td + td {border-top:1px solid var(--border-gray);}*/
		.rspvn_table td[data-cell-header]:before {content: attr(data-cell-header);  float: left;  position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 15rem; font-weight: 600;  padding: 0 1rem;}
		.rspvn_table td[data-cell-header]:after{ border: 0;  position: absolute;  left: 0;  top: 0;  width: 10rem;  height: 100%;  display: block;  content: "";  z-index: 1;}
		.rspvn_table td[data-cell-header]:before {font-size:1.5rem; content: attr(data-cell-header);  float: left;  position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 11rem; font-weight: 600;  padding: 0 1rem;}
		.rspvn_table td[data-cell-header]:after{background:var(--bg-gray);border: 0;  position: absolute;  left: 0;  top: 0;  width: 11rem;  height: 100%;  display: block;  content: "";  z-index: 1;}
		.rspvn_table td.nodata {padding-left:1.5rem;text-align:center;}
		.rspvn_table td.nodata:before,
		.rspvn_table td.nodata:after {display:none;}
	}

/*--------------------- board ---------------------*/
.board-top {display:flex;flex-wrap:wrap;align-items:center;gap:4rem 2rem;margin-bottom:4rem;}
.board-top .board-total {margin-left:auto;}
.board-search select {height:4.2rem;width:12rem;}
.board-search input[type="text"] {height:4.2rem;}
.board-search .board-search-input {width:33rem;}
.board-search .board-search-btn {height:4.2rem;background:var(--black-color);border-radius:4px;padding:0 2rem;}
.board-search .board-search-btn span {color:#fff;}
.board-total {font-weight:600;align-self:flex-end;}
.board-total .point {color:var(--point-color);font-weight:600;}
.border-top__r {margin-left:auto;display:flex;align-items:flex-end;}
.border-top__l {display:flex;align-items:center;flex-wrap:wrap;}
.border-top__r .btn + .btn {margin-left:2px;}


/* list */
.board-list {display:flex;gap:2rem;flex-wrap:wrap;}
.board-list li {width:calc(25% - 1.5rem);}
.board-list li a {display:block;position:relative;}
.board-list li a .inbox {border:1px solid var(--border-gray);border-radius:10px;padding:4rem 3rem;display:flex;flex-wrap:wrap;flex-direction:column;min-height:35.5rem;background:#fff;}
.board-list li a:before {content:"";display:none;background:var(--bg-gray2);position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;}
.board-list .title {width:100%;max-height:4em;margin-bottom:2rem;font-size:2.2rem;line-height:140%;font-weight:600;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.board-list .stxt {width:100%;max-height:5em;line-height:160%;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.board-list .date {width:100%;font-size:1.4rem;margin-top:auto;position:relative;padding-left:22px;}
.board-list .date:before {content:"";display:block;width:14px;height:14px;background:url(../img/default/board_list_date.svg) no-repeat center center;position:absolute;top:50%;left:0;margin-top:-7px;}

.board-list.photo li a .inbox {display:block;}
.board-list.photo .title {-webkit-line-clamp:2;max-height:3em;}
.board-list.photo .img {flex:none;display:block;border-radius:10px;overflow:hidden;position:relative;margin-bottom:2.5rem;}
.board-list.photo .img:before {content:"";display:block;width:100%;height:0;padding-bottom:72.7272%}
.board-list.photo .img img {max-width:100%;object-fit: cover;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.board-list.photo .nodata {width:100%;padding:15rem 2rem;text-align:center;border-top:1px solid var(--border-gray);border-bottom:1px solid var(--border-gray);}


.board-list-linear {border-top:2px solid var(--black-color);}
.board-list-linear li {border-bottom:1px solid var(--border-gray);}
.board-list-linear a {display:block;padding:3rem 0;}
.board-list-linear .info {display:flex;align-items:center;gap:2rem;flex-wrap:wrap;}
.board-list-linear .info__l {display:flex;flex-wrap:wrap;gap:1.5rem 3rem;}
.board-list-linear .info__r {display:flex;flex-wrap:wrap;gap:1.5rem 3rem;margin-left:auto;}
.board-list-linear .title {font-size:2.2rem;font-weight:600;line-height:160%;display:flex;align-items:center;flex-wrap:wrap;gap:1rem 0.5rem;position:relative;}
.board-list-linear .title strong {font-size:2.2rem;font-weight:600;line-height:160%;color:var(--point-color);}
.board-list-linear .title .reple-num {display:inline-block;font-size:1.8rem;color:var(--point-color);}
.board-list-linear .title .new {display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;color:#fff;font-size:1.4rem;background:var(--point-color);border-radius:50%;}
.board-list-linear .title .file {display:inline-block;width:2rem;height:2rem;background:url(../img/default/board-list-title_file.svg) no-repeat center center;}
.board-list-linear li[class*="dep"] .title:before {content:"";position:absolute;top:0.5em;left:0;display:block;width:1rem;height:1.2rem;background:url(../img/default/board_list_dep.svg) no-repeat center center /100% 100%;}
.board-list-linear li.dep2 .title {padding-left:2rem;}
.board-list-linear li.dep3 .title {padding-left:3.5rem;}
.board-list-linear li.dep4 .title {padding-left:5rem;}
.board-list-linear li.dep5 .title {padding-left:6.5rem;}
.board-list-linear li.dep2 .title:before {left:0;}
.board-list-linear li.dep3 .title:before {left:1.5rem;}
.board-list-linear li.dep4 .title:before {left:3rem;}
.board-list-linear li.dep5 .title:before {left:4.5rem;}
.board-list-linear .info {margin-top:2rem;}
.board-list-linear .info__item {font-size:1.4rem;}
.board-list-linear .info__date {position:relative;padding-left:20px;}
.board-list-linear .info__date:before {content:"";display:block;width:14px;height:14px;background:url(../img/default/board_list_date.svg) no-repeat center center;position:absolute;top:50%;left:0;margin-top:-7px;}
.board-list-linear .info__remark {position:relative;padding-left:20px;}
.board-list-linear .info__remark:before {content:"";display:block;width:14px;height:14px;background:url(../img/default/board_list_remark.svg) no-repeat center center;position:absolute;top:50%;left:0;margin-top:-7px;}
.board-list-linear .info__remark span {color:var(--point-color);font-weight:500;}
.board-list-linear .info__state {position:relative;padding-left:20px;}
.board-list-linear .info__state:before {content:"";display:block;width:14px;height:14px;background:url(../img/default/board_list_state.svg) no-repeat center center;position:absolute;top:50%;left:0;margin-top:-7px;}
.board-list-linear .nodata {padding:15rem 2rem;text-align:center;}

/* paging */
.board-paging {margin-top:4rem;}
.board-paging ul {display:flex;gap:1rem 0.4rem;justify-content:center;flex-wrap:wrap;}
.board-paging a {display:block;width:4.2rem;height:4.2rem;border:1px solid var(--border-gray);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:500;}
.board-paging .act-btn a {background:var(--bg-gray);}
.board-paging .act-btn a:before {content:"";display:block;}
.board-paging .act-btn.prev a:before,
.board-paging .act-btn.next a:before {width:5px;height:10px;background:url(../img/default/paging_arrow.svg) no-repeat center center;}
.board-paging .act-btn.first a:before,
.board-paging .act-btn.last a:before {width:11px;height:10px;background:url(../img/default/paging_arrow_db.svg) no-repeat center center;}
.board-paging .act-btn.next,
.board-paging .act-btn.last {transform:rotate(180deg);}
.board-paging .num .over a {background:var(--black-color);color:#fff;}


/* view */
.board-view .title {font-weight:600;font-size:2.6rem;text-align:center;padding-bottom:5rem;line-height:160%;border-bottom:1px solid var(--border-gray);}
.board-view .info {display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem;padding:2.5rem 0;border-bottom:1px solid var(--border-gray);}
.board-view .info__l {display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem 3rem;}
.board-view .info__r {display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem 3rem;margin-left:auto;}
.board-view .info__item {font-size:1.4rem;}
.board-view .info__date {position:relative;padding-left:20px;}
.board-view .info__date:before {content:"";display:block;width:14px;height:14px;background:url(../img/default/board_view_date.svg) no-repeat center center;position:absolute;top:50%;left:0;margin-top:-7px;}
.board-view .cont {padding:5rem 0;line-height:200%;}
.board-view .cont img {max-width:100%;}
.board-view .cont p span,
.board-view .cont p font,
.board-view .cont div span,
.board-view .cont div font,
.board-view .cont span font {color:revert-layer;font-family:revert-layer;font-size:Inherit;font-weight:Inherit;line-height:Inherit;letter-spacing:Inherit;text-decoration:Inherit;}
.board-view .file li {padding:2rem;border-radius:3px;background:var(--bg-gray);border:1px solid var(--border-gray);}
.board-view .file li + li {margin-top:-1px;}
.board-view .file a {display:inline-block;position:relative;padding-left:28px;}
.board-view .file a:before {content:"";display:block;width:1.8rem;height:1.8rem;position:absolute;top:1px;left:0;background:url(../img/default/board_view_fileicon.svg) no-repeat center center /100% 100%;}
.board-view .file a span {font-size:1.4rem;display:inline-block;}
.board-view .file a .filename {line-height:160%;}
.board-view .file a .downnum {color:#d81d24;}
.board-view .link {font-size:1.4rem;padding:2.5rem 0;border-bottom:1px solid var(--border-gray);display:flex;line-height:160%;}
.board-view .link .tit {position:relative;padding-left:22px;font-size:1.4rem;flex:none;margin-right:0.5rem;line-height:160%;}
.board-view .link .tit:before {content:"";display:block;width:14px;height:14px;background:url(../img/default/board_view_link.svg) no-repeat center center /100% 100%;position:absolute;top:4px;left:0;}


/* write */
.input-item {margin-bottom:4rem;}
.input-tit {font-size:1.4rem;line-height:160%;margin-bottom:1.5rem;}
.input-item select,
.input-item input[type="text"],
.input-item input[type="password"] {max-width:100%;}
.input-tit:has(.input-file-btn) {display:flex;align-items:center;gap:1rem;}


/* btns */
.board-list-btns {display:flex;align-items:center;flex-wrap:wrap;gap:2rem;margin-top:4rem;}
.board-list-btns .btn {min-width:10rem;}
.board-list-btns__md,
.board-list-btns__r {margin-left:auto;}
.board-list-btns__l,
.board-list-btns__md,
.board-list-btns__r {display:flex;gap:1rem 0.5rem;flex-wrap:wrap;justify-content:flex-end;}
.board-list-btns .board-paging {margin-top:0;}

.board-view-btns {display:flex;align-items:center;flex-wrap:wrap;gap:2rem;margin-top:3rem;}
.board-view-btns .btn {min-width:10rem;}
.board-view-btns__r {margin-left:auto;}
.board-view-btns__l,
.board-view-btns__md,
.board-view-btns__r {display:flex;gap:1rem 0.5rem;flex-wrap:wrap;justify-content:flex-end;}

.board-write-btns {display:flex;align-items:center;flex-wrap:wrap;gap:2rem;margin-top:8rem;}
.board-write-btns .btn {min-width:10rem;}
.board-write-btns__r {margin-left:auto;}
.board-write-btns__l,
.board-write-btns__md,
.board-write-btns__r {display:flex;gap:1rem 0.5rem;flex-wrap:wrap;justify-content:flex-end;}


/* 댓글 */
.coment-box {margin-top:6rem;background:var(--bg-gray);border-radius:10px;padding:4rem 3rem 4rem;}
.coment-username {position:relative;font-size:1.4rem;margin-bottom:2rem;padding-left:3.5rem;}
.coment-username .tit {font-size:1.4rem;}
.coment-username:before {content:"";display:block;width:2.4rem;height:2.4rem;background:url(../img/default/reply_username.svg) no-repeat center center /100% 100%;position:absolute;top:-0.5rem;left:0;}
.coment-write {display:flex;align-items:stretch;}
.coment-write textarea {flex:1;height:8rem;resize:none;border-radius:3px;border:1px solid var(--border-gray);padding:1.5rem;}
.coment-write__savebtn {width:9rem;height:8rem;border-radius:3px;display:flex;align-items:center;justify-content:center;background:var(--black-color);color:#fff;}
.coment-lst {margin-top:4rem;}
.coment-lst li {display:flex;align-items:flex-start;flex-wrap:wrap;gap:1rem 2rem;padding:0 2rem 2rem 3.5rem;margin-top:2rem;border-bottom:1px solid var(--border-gray);position:relative;}
.coment-lst li:before {content:"";display:block;width:1.6rem;height:1.6rem;background:url(../img/default/reply_lst_deco.svg) no-repeat center center /100% 100%;position:absolute;top:0.3rem;left:1rem;}
.coment-lst li .name {width:100%;}
.coment-lst li .name,
.coment-lst li .name .tit {color:#767676;line-height:160%;font-size:1.4rem;}
.coment-lst li .cont {color:#767676;line-height:160%;font-size:1.4rem;}
.coment-lst li .date {color:#767676;line-height:160%;font-size:1.4rem;margin-top:1rem;}
.coment-delbtn {flex:none;width:3.6rem;height:4rem;border-radius:3px;background:#fff;display:flex;align-items:center;justify-content:center;}
.coment-delbtn:before {content:"";display:block;width:13px;height:16px;background:url(../img/default/reply_delbtn.svg) no-repeat center center;}
.coment-txt {flex:1;}

	
	/* animation */
	.board-list li a .inbox {transition:all .3s;}
	.board-list li a:before {transition:all .3s;}
	.board-list .btxt {transition:all .3s;}
	.board-view .file a span {transition:all .3s;}
	.coment-delbtn {transition:all .3s;}
	.coment-delbtn:before {transition:all .3s;}

	@media screen and (min-width:1200px)
	{
		/* hover */
		.board-list li a:hover .inbox,
		.board-list li a:focus .inbox {transform:translate(-1rem, -1rem);}
		.board-list li a:hover:before,
		.board-list li a:focus:before {display:block;}
		.board-list li a:hover .btxt,
		.board-list li a:focus .btxt {color:var(--point-color);}

		.board-view .file a:hover .filename,
		.board-view .file a:focus .filename {text-decoration:underline;}

		.coment-delbtn:hover,
		.coment-delbtn:focus {background:var(--point-color);}
		.coment-delbtn:hover:before,
		.coment-delbtn:focus:before {filter: brightness(0) invert(1);}
	}

	@media screen and (max-width:1200px)
	{
		
		.board-list {gap:1.05rem;}
		.board-list li {width:calc(33.33% - 0.7rem);}

		/* 댓글 */
		.coment-box {padding:3rem 2rem;}
	}
	
	@media screen and (max-width:860px)
	{
		.board-list {gap:1rem;}
		.board-list li {width:calc(50% - 0.5rem);}
	}

	@media screen and (max-width:580px)
	{
		.board-search {width:100%;display:flex;flex-wrap:wrap;gap:0.5rem 0;}
		.board-search select {width:100%;}
		.board-search input[type="text"] {width:100%;}
		.board-search .board-search-btn {width:100%;}
	}

	@media screen and (max-width:480px)
	{
		.board-list li {width:100%;}

		/* 댓글 */
		.coment-lst li {padding-right:0;padding-left:2.5rem;}
		.coment-lst li:before {left:0;}
		.coment-write__savebtn {width:7rem;}
	}


/*--------------------- tab ---------------------*/
.common-tab .tab-nav {margin-bottom:5rem;}
.common-tab .tab-nav ul {display:flex;flex-wrap:wrap;gap:0.5rem;}
.common-tab .tab-nav ul li {width:40rem;max-width:calc(50% - 0.25rem);}
.common-tab .tab-nav  a {display:flex;align-items:center;height:100%;min-height:5.6rem;background:var(--bg-gray2);padding:1.5rem 4rem;}
.common-tab .tab-nav  a[aria-selected="true"] {background:var(--point-color);}
.common-tab .tab-nav  a[aria-selected="true"] .name {color:#fff;}
.common-tab .tab-nav  .name {font-family: 'TitilliumWeb';font-size:2rem;font-weight:600;}

	@media screen and (max-width:480px)
	{
		.common-tab .tab-nav ul li {width:100%;max-width:none;}
		.common-tab .tab-nav  a {padding:1.5rem 2rem;}
	}


/*--------------------- 모바일 이미지 확대 ---------------------*/
.img-preview {position:relative;}
.img-preview .preview-btn {display:none;}
.img-preview img {max-width:100%;}

@media screen and (max-width:768px){
	.img-preview .preview-btn {display: block; position: absolute; top: 0; right: 0; height: 40px; width: 90px; background: rgba(0,0,0,0.7); color: #fff; text-align: center; line-height: 40px; z-index: 2; font-family:'Noto Sans', sans-serif; font-size:14px; letter-spacing:-0.04em;}
}


/*--------------------- 리스트 ---------------------*/
.das-list li {text-indent:-10px !important;padding-left:10px;line-height:160%;}
.das-list li + li {margin-top:1.5rem;}
.das-list li * {text-indent:0;}
.das-list li:before {content:"";display:inline-block;width:4px;height:1px;margin-right:6px;background:#222;vertical-align:middle;}

.numtxt-list {list-style-type: auto;list-style: decimal;list-style-position: inside;}
.numtxt-list > li {padding-left:18px;text-indent:-18px !important; position:relative;line-height:160%;list-style-type: auto;list-style: decimal;list-style-position: inside;}
.numtxt-list > li * {text-indent:0;}
.numtxt-list > li + li {margin-top:0.5em;}
.numtxt-list > li:nth-child(n+10) {padding-left:26px;text-indent:-28px;}


/*--------------------- 스크롤 박스 ---------------------*/
.rspvn-box {overflow: hidden;}

	@media screen and (max-width: 980px) {
		.rspvn-box .rspvn-tb {width:1024px !important}
		.rspvn-box {overflow-x:scroll;padding-bottom:15px; position:relative; padding-top:60px;}
		.rspvn-box:after{width:100%; ; height:50px; position:absolute; left:0px ;  top:0; display:block; content:"";background:#6a7789; z-index:1}
		.rspvn-box:before {width: 212px; background: url('../img/default/mobile-scroll.svg') no-repeat center center; position: absolute; margin-left: 0; left: 50%; top: 3px; transform: translateX(-50%); display: block; height:44px; content: ""; box-sizing: border-box;z-index:2;}
	}


/*--------------------- flex ---------------------*/
.alignself-center {align-self:center;}
.alignself-end {align-self:flex-end;}


/*--------------------- a ---------------------*/
a:hover u,
a:focus u {text-decoration:underline;}